Home > Menu Design > Button Menu (3)
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-3"> <li id="active-button-3"><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-3{ width:200px; margin:0; padding:0; font: 90% Verdana; } #button-3 ul{ list-style:none; margin:0; padding:0; } #button-3 a{ display:block; text-decoration:none; padding:7px 10px; margin:0; background:#fff; color:#009; font-size:1.1em; border-bottom: 1px solid #fff; } #button-3 li{ display:inline; } #button-3 a{ height:auto!important; height:0; } #button-3 a:link, #button-3 a:visited{ background:#600 url(elenco.png) 10px 11px no-repeat; color:#fff; padding-left:28px; } #button-3 a:hover, #button-3 a:focus, #button-3 a:active{ background:#000 url(elenco-hover.png) 10px 11px no-repeat; color:#fff; } #button-3 #active-button-3 a{ background:#000 url(elenco-hover.png) 10px 11px no-repeat; color:#fff; }
[ 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à