Vorrei creare una testata con un titolo su più righe
e un menu oizzontale. Questo il CSS:
codice:
/*stili per il layout fluido*/
html{margin:0; padding:0;}
html{background-color:#1E247C;}
body{padding:1em; font-family:verdana,tahoma,arial,sans-serif; font-size:76%;}
div#container{position:relative; background-color:white; color:#1E247C;}

/*stili generici, su header e footer*/
div#header{height:120px; padding:10px 0; background-color:white; color:#1E247C;}
h1,h2,h3{margin:0; padding:0;}
h1{padding-left:10px;font:bold 2.3em/80px verdana,tahoma,arial,sans-serif;}
h2{color:#69f; font-size:1.5em;}
h3{text-align:center;}
img#logoleft{float:left; text-align:left;}
img#logoright{float:right; text-align:right;}

/*stili specifici per il layout*/
div#leftmenu{position:absolute; top:200px; left:20px; width:140px;\width:150px;w\idth:140px; padding:1em 0 0 10px;}
div#rightmenu{position:absolute; top:200px; right:20px; width:140px;\width:150px;w\idth:140px; padding:1em 0 0 10px;}
div#content{clear:both; margin:0 180px; padding:1em 10px; background-color:#F0F0F0; border-right:double #1E247C; border-left:double #1E247C;}
div#footer{text-align:center; padding:5px 0; background-color:white; color: #000; border-top:double #1E247C;}

/*stili per la sezione navbar*/
div#navbarwrapper {width:96%; height:40px; margin:0 auto; position:relative; bottom:0; background-color:#1E247C;}
div#navbar ul{list-style:none; margin-top:15px; text-align:center;}
div#navbar ul{list-style:none; margin:0; padding:10px; text-align:center;}
div#navbar li{display:inline; margin:3px;}
div#navbar a{background:white; color:#1E247C; margin:0; padding:4px;
text-decoration:none;}
div#navbar a:hover{background:#A4A4A4; color:black; text-decoration:underline;}
div#navbar a#activelink_nb{background:white; color:black; font-weight:bold;}
E questo lo HTML:
codice:
<div id="container">
<div id="header">
[img]pics/logo.gif[/img]
[img]pics/logo.gif[/img]
<h3>titolo

<h3>titolo

<h3>titolo</h3>
<div id="navbarwrapper">
<div id="navbar">
<ul>[*]Home[*]Chi siamo[*]Contatti[*]News[*]POF[*]Progetti[*]Agenda[*]Segreteria[/list]
</div>
</div>
</div>
Tuttavia, la barra di navigazione non si posiziona alla base
della testata, ma più in alto, sovrapponendosi
all'immagine del logo. Di certo c'è (almeno) un errore...

Grazie
M.