Luca
Messaggi : 8 Data d'iscrizione : 25.06.10
| Titolo: Menu orizzontali Ven Giu 25, 2010 4:05 am | |
| - Codice:
-
<div id="menu02o"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div>
Qui vengono verticali. Basta aggiungere il codice css - Codice:
-
#menu02o { width: 100%; font: 80% Arial, Helvetica, sans-serif; } #menu02o ul{ margin: 0; padding-left: 0; list-style: none; } #menu02o li{ font-size: 1.1em; display: inline; margin: 0; padding: 0; } #menu02o a:link, #menu02o a:visited{ float:left; background: url(cssdesign/menu2b.jpg) center top no-repeat; background-color: #DFDBDB; color: #000; margin: 0em; padding: 0.3em 1.5em 0.3em 1.5em; text-decoration:none; border-right: 1px solid #fff; } #menu02o a:hover, #menu02o a:focus, #menu02o a:active{ color: #fff; background: url(cssdesign/menu2a.jpg) center top no-repeat; background-color: #000; } risultato [Devi essere iscritto e connesso per vedere questa immagine]Qui potrete scrivere il vostro menu | |
|