Banda colorata con dreamweaver CS3

giorgioeffe

Nuovo Utente
13 Ott 2009
5
0
0
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:)
 

satifal

Utente Attivo
25 Set 2008
522
13
0
Roma
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>
 

giorgioeffe

Nuovo Utente
13 Ott 2009
5
0
0
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
 

giorgioeffe

Nuovo Utente
13 Ott 2009
5
0
0
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

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
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>