[CSS] Menù orizzontali

In riferimento al post sui menù verticali, aggiorno la situazione portando la soluzione per la gestione dei menù orizzontali, ovviamente solo testo e css, con la larghezza del bottone variabile a seconda del testo, e area cliccabile tutto il bottone (compreso il padding).

 

Il CSS da applicare è:

#menuTop li{
/*float: left;*/
margin: 0px;
padding: 0px;

display: inline;
}
#menuTop li a{
display: block;
padding: 5px 10px 5px 5px;
float: left;

background-color: #0850A0;
border-right: 2px solid white;
color: white;
text-decoration: none;
}

 

La struttura del menù:

<ul id="menuTop">

<li><a href="…">link1</a></li>

<li><a href="…">link2</a></li>

<li><a href="…">link3</a></li>

</ul>

 

Grazie mille ad Html.it in particolare a thomas_anderson

Loading Facebook Comments ...

2 pensieri su “[CSS] Menù orizzontali

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *