<div id="contenuto">
<div id="post">
<h2>[ 05/03/2002 - lunedì ]</h2>
<h1>Titolo 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h2>[ 04/03/2002 - domenica ]</h2>
<h1>Titolo 2</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div><div id="navigazione">
<h1>sezione 1</h1>
link 1</p>
link 2</p>
link 3</p>
<h1>sezione 2</h1>
link 1</p>
link 2</p>
link 3</p>
</div>
</div>
#contenuto {
border-bottom : #CCCCCC 0px dotted;
border-left : #CCCCCC 0px dotted;
border-right : #CCCCCC 0px dotted;
border-top : #CCCCCC 0px dotted;
margin : 0px 27px;
padding-bottom : 5px;
padding-left : 0px;
padding-right : 0px;
padding-top : 6px;
voice-family : inherit;
width : 512px;
}
/* Stile della sezione navigazione */
#navigazione {
background: #336699;
margin: 0px 0px 0px 0px;
border-bottom: #CCCCCC 0px;
border-left: #CCCCCC 0px;
border-right: #CCCCCC 0px dotted;
border-top: #CCCCCC 0px;
color: #000000;
float: right;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
voice-family: inherit;
width: 140px;
}
/* Stili dei link della sezione "navigazione" */
#navigazione a {
background : #336699;
color :#99FFFF;
}
#navigazione a:hover {
background : #336699;
color : #DC143C;
}
#navigazione a:visited {
background : #336699;
color :#99FFFF;
}
/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "navigazione" */
#navigazione h1 {
background : #336699;
border-bottom : 1px dotted #808080;
border-left : 1px dotted #808080;
border-right : 1px dotted #808080;
border-top : 1px dotted #808080;
color : white;
font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
padding-bottom : 2px;
text-align : center;
}
/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "navigazione" */
#navigazione p {
background : #336699;
color : Black;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 5px 5px;
}
/* Stile della sezione "menu" */
#menu {
border-bottom : black 1px solid;
border-left :black 1px solid;
border-right : black 1px solid;
border-top : black 0px solid;
margin : 0px 26px 1px;
padding-bottom : 5px;
padding-left : 2px;
padding-right : 0px;
padding-top : 4px;
width : 512px;
background : #FFCC00;
}
/* Stli dei link della sezione "menu" */
#menu a {
background : #FFCC00;
color : #CC0000;
}
#menu a:visited {
background : #FFCC00;
color : #CC0000;
}
/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "menu" */
#menu p {
background : #FFCC00;
color : black;
font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
}
/* Stile della sezione "post" */
#post {
background-color : #FFFFFF;
border-bottom : #CCCCCC 0px;
border-left : #CCCCCC 0px dotted;
border-right : #CCCCCC 0px;
border-top : #CCCCCC 0px;
color : #000000;
margin : 0px 0px 0px 0px;
padding-bottom : 10px;
padding-left : 0px;
padding-right : 16px;
padding-top : 0px;
voice-family : inherit;
width : 350px;
}
Perchè la DIV navigazione va a finire sotto la DIV post e non si affiancano???
Rispondi quotando
