[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

Se trovi questo articolo su un blog diverso da “blog.merlinox.com” si tratta probabilmente di una copia non autorizzata. L’indirizzo originale di questo articolo è: [CSS] Menù orizzontali scritto da Merlinox.