(LA FOTO è SBAGLIATA,INFATTI IL MENU NN RIESCE A INSERIRSI DENTRO L'HEADER MA SOLO DENTRO IL CONTAINER)
come da foto ho voluto inserire il menu dentro l'header.
il problema è che vorrei spostare, in altezza, il menu al centro dell'header.
dentro l'header vi è inserita una immaggine e il menu si blocca in coincidenza di questa e facendomi spostare il menu solo in orizzontale
HTML:
<body>
<div id="container">
<div id="header">[img]image/hea.png[/img]
<ul id="menu">[*]link 1[*]link 2[*]link 3[*]link 4[/list]
</div>
</div>
</body>
</html>
CSS:
body{
background-image:url(image/backG2.jpg);
margin:0;
padding:0;
height:9999px;
width:100%;
}
#header{
margin:0 0 0 155px;
}
#container{
background-position:center;
width:950px;
height:9999px;
margin:0 auto;
padding:0;
}
#menu{
width:100px;
list-style:none;
overflow:hidden;
width:100%;
margin:0;
padding:1px;
}
#menu li{
display:inline;
}
#menu a{
display:block;
float:left;
width:60px;
height:25px;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-transform:uppercase;
text-decoration:none;
color:#FFF;
line-height:25px;
}
Rispondi quotando
