Home > Menu Design > Button Menu (2)
Attraverso l' uso di semplici liste e dei CSS2 è possibile formattare un numero indefinito di menu orizzontali e verticali.
a cura di: Fabio Regina in collaborazione con Andrea Di Pizio | 29 maggio 2006
<ul id="button-2"> <li id="active-button-2"> <a href="#">Renoir</a></li> <li><a href="#">Monet</a></li> <li><a href="#">Manet</a></li> <li><a href="#">Sisley</a></li> <li><a href="#">Degas</a></li> </ul>
#button-2{
width:200px;
margin:0;
padding:0;
font: 90% Arial;
}
#button-2 ul{
list-style:none;
margin:0;
padding:0;
}
#button-2 a{
display:block;
text-decoration:none;
padding:7px 10px;
margin:0;
background:#fff;
color:#009;
font-size:1.1em;
border-bottom: 1px dashed #333;
}
#button-2 li{
display:inline;
}
#button-2 a{
height:auto!important;
height:0;
}
#button-2 a:link,
#button-2 a:visited{
background:#f9f9f9;
color:#666;
}
#button-2 a:hover,
#button-2 a:focus,
#button-2 a:active{
background:#eaeaea;
color:#333;
}
#button-2 #active-button-2 a{
background:#eaeaea;
color:#333;
}
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Dichiarazione di accessibilità