Banda colorata con dreamweaver CS3

giorgioeffe · 13 Ott 2009

Ciao a tutti sono un nuovo iscritto, un salutone al forum:byebye:

Vorrei sapere come creare una banda colorata che sia unita margine alto della pagina, come questa:

http://www.hotelarenella.com/

Deve quindi occupare tutta la dimensione della pagina per lungo in qualsiasi risoluzione si apra il sito e deve scorrere insieme a tutta la pagina (quindi non può essere un frame posto in alto).

Uso DreamWeaver cs3

Attendo illuminazioni

WpStyle · 13 Ott 2009

Puoi creare un div con larghezza 100% e un altezza in px che desideri, dargli il colore che preferisci e un border-bottom di 2-3 px...

oppure creare un immagine di 2px di larghezza e per altezza quella che vuoi es. 50px e nel Css (spero tu li stia usando) )metterla come background: repeat-x

satifal · 13 Ott 2009

Una cosa del genere dovrebbe andare bene:

HTML:

<html>
	<head>
		<style type="text/css">
			body {
				margin: 0px;
			}
			#header {
				background-color: #005883;
				height: 73px;
			}
		</style>
	</head>

	<body>
		<div id="header">
		</div>
	</body>
</html>

WpStyle · 13 Ott 2009

Si, se vuoi anche il bordo bianco sotto aggiungi:

Codice:

border-bottom: 2px solid  #ffffff;

giorgioeffe · 13 Ott 2009

Ho provato ad inserire il codice ma mi fa sparire tutto il contenuto della pagina

(sono io che sono incapace)

Invece ho creato un div ed'è perfetto l'unica cosa e che mi fa impostare solo la distaza dal margine sinistro che ho messo 0 e non dal destro, e nemmeno la larghezza in percentuale

WpStyle · 13 Ott 2009

Posta il codice della pagina

giorgioeffe · 13 Ott 2009

con il div inserito:

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="it" xmlns="http://www.w3.org/1999/xhtml" lang="it"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
	background-color: #F0E6CA;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.Stile2 {
	font-family: Dali;
	font-size: 30px;
}
.Stile4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#apDiv1 {
	position:absolute;
	width:971px;
	height:41px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-color: #FF00FF;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div align="center">
  <div id="apDiv1"></div>
  <p>&nbsp;</p>
  <table width="334" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
    <tr>
      <td width="163" height="249"><p align="left"><img src="immagini/menu5.jpg" width="162" height="249" /></p></td>
      <td width="171"><p>
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','525','height','249','src','immagini/transizione','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','immagini/transizione' ); //end AC code
      </script>
        <noscript>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="525" height="249">
            <param name="movie" value="immagini/transizione.swf" />
            <param name="quality" value="high" />
            <embed src="immagini/transizione.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="525" height="249"></embed>
          </object>
          </noscript>
      </p></td>
    </tr>
  </table>
  <table width="692" height="488" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="166" height="488">&nbsp;</td>
      <td width="526"><div align="center" class="Stile2">
        <p>Benvenuti nell 'oasi colorata!          </p>
        <blockquote>
          <p align="center"><span class="Stile4"><img src="immagini/miniatura1.jpg" width="150" height="114" />Bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla.  </span></p>
          <p align="center"><span class="Stile4"><strong><img src="immagini/miniatura2.jpg" width="120" height="80" />Bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla blabla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla  bla bla bla bla.</strong><br />
          </span></p>
        </blockquote>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p><span class="Stile4">Arobaleno &copy;2009 - powered by</span><br />
            <img src="immagini/barretta_fondo.jpg" width="140" height="5" /></p>
      </div></td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><br />
  </p>
  <p>&nbsp;</p>
</div>
</body>
</html>

WpStyle · 13 Ott 2009

Prova a cambiare il css così:

Codice:

<style type="text/css">
<!--
body {	
   margin: 0 auto;
	background-color: #F0E6CA;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.Stile2 {
	font-family: Dali;
	font-size: 30px;
}
.Stile4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#apDiv1 {
	height:41px;
	background-color: #FF00FF;
}
-->
</style>

giorgioeffe · 14 Ott 2009

E' tutto al posto giusto!!! Grazie infinite:fonzie:

WpStyle · 14 Ott 2009

Bene son contento...:byebye:

Cerca

Cerca

Banda colorata con dreamweaver CS3

giorgioeffe

Nuovo Utente

WpStyle

Utente Attivo

satifal

Utente Attivo

WpStyle

Utente Attivo

giorgioeffe

Nuovo Utente

WpStyle

Utente Attivo

giorgioeffe

Nuovo Utente

WpStyle

Utente Attivo

giorgioeffe

Nuovo Utente

WpStyle

Utente Attivo

Discussioni simili