Menu orizzontale CSS
Riporto qui sotto il codice probabilmente più minimalista possibile per fare un menu orizzontale con i fogli di stile.
Funziona con praticamente tutti i browsers esistenti, e si basa su un elenco puntato non numerato.
CSS CODE
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}
#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}
HTML CODE
<div id="navcontainer">
<ul>
<li><a xhref="pag1.html">Milk</a></li> <li><a xhref="pag2.html">Eggs</a></li> <li><a xhref="pag3.html">Cheese</a></li>
<li><a xhref="pag4.html">Vegetables</a></li>
<li><a xhref="pag5.html">Fruit</a></li> </ul> </div>
Aumenta la diffusione di questo articolo View blog reactions
