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 - Privacy, cookies e accessibilità