Ciao a tutti,
ho questo piccolo problema con un munù di navigazione, praticamente se riduco le dimensioni della pagina del browser mi spariscono alcune voci.
Il codice html è questo:
e questo è il codice css:
è da un po' che non faccio siti web quindi non infamatemi
comunque ho provato ad utilizzare bootstrap ma ancora non ho capito come funziona
ho questo piccolo problema con un munù di navigazione, praticamente se riduco le dimensioni della pagina del browser mi spariscono alcune voci.
Il codice html è questo:
HTML:
<nav id="menu">
<ul id="menu">
<li><a href="index.html">HOME</a></li>
<li><a href="galleria.html">GALLERIA FOTOGRAFICA</a></li>
<li><a href="eventi.html">EVENTI</a></li>
<li><a href="prezzi.html">PREZZI</a> </li>
<li><a href="contatti.html">CONTATTI</a> </li>
<li><a href="promozioni.html">PROMOZIONI</a> </li>
<li><a href="territorio">TERRITORIO</a> </li>
<li><a href="dove.html">DOVE SIAMO</a> </li>
</ul>
</nav>
e questo è il codice css:
Codice:
#menu {background:#A89070; height:30px; }
#menu ul { list-style:none; padding:0px; margin:0px; float:center;}
#menu ul li { float:left; display: inline; }
#menu ul li a { color:#fff; text-decoration:none; padding:5px 20px; display:block; font-family: "Arial";}
#menu ul li a:hover { background:#D2B49C;}
è da un po' che non faccio siti web quindi non infamatemi
comunque ho provato ad utilizzare bootstrap ma ancora non ho capito come funziona