Home > Menu Design > Tab Menu (1)
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-1"> <ul> <li id="voce-corrente-1"> <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-1 { width:100%; font-size:1.1em; font: 90% Arial; } #menu-1 ul{ margin:0; padding-left: 0; list-style:none; } #menu-1 li{ font-size:1.3em; display:inline; margin:0; padding:0; } #menu-1 a:link, #menu-1 a:visited{ float:left; background:#069 url("TabMenu-1.png"); color:#fff; margin:0; padding:5px 10px; text-decoration:none; border-right:1px solid #fff; } #menu-1 a:hover, #menu-1 a:focus, #menu-1 a:active{ color:#FFF; background: url("TabMenu-1h.png"); } #menu-1 #voce-corrente-1 a{ color:#FFF; background: url("TabMenu-1h.png"); }
torna su |
[ 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 - Privacy, cookies e accessibilità