Salve,
sto cercando di realizzare un menù orizzontale. Ho creato un contenitore div, dentro ci ho messo una lista ul e quindi i diversi elementi li. Non riesco bene a posizionare il menu, lo noto perchè quando riduco la finestra tutti gli altri elementi del sito si riducono proporzionalmente, invece il menù rimane come spostato sulla sinistra, come se fosse fisso.
Vi riporto il codice.
html
Codice:
<div id="contenitore">
<ul id="menu">
<li class="list">Home</li>
<li class="list">Camere</li>
<li class="list">Dove siamo</li>
<li class="list">Foto</li>
<li class="list">Offerte</li>
<li class="list">Contatti</li>
</ul>
css
Codice:
#contenitore {
height:55px;
width:2545px;
background-image:url("images/menuintero.png");
background-repeat:no-repeat;
}
#menu{
margin-left:100px;
border:2px solid black;
width:590px;
}
.list {
color:#FFF;
font-family:Arial, Verdana, sans-serif;
font-size:24px;
list-style:none;
display:inline-block;
}