Home > Menu Design > Tab 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
<div id="menu-2"> <ul> <li id="voce-corrente"> <a href="#">Renoir</a></li> <li><a href="#">Monet</a></li> <li><a href="#">Cezanne</a></li> <li><a href="#">Manet</a></li> <li><a href="#">Degas</a></li> <ul> </div>
#menu-2 {
width:100%;
font: 90% Arial;
}
#menu-2 ul{
margin:0;
padding-left: 0;
list-style:none;
}
#menu-2 li{
display:inline;
margin:0;
padding:0;
}
#menu-2 a:link,
#menu-2 a:visited{
float:left;
background:#069;
color:#fff;
margin:0;
padding:5px 12px;
text-decoration:none;
border-right:1px solid #fff;
}
#menu-2 a:hover,
#menu-2 a:focus,
#menu-2 a:active,
#menu-2 #voce-corrente a{
color:#FFF;
background:#dd5800;
}
[ 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à