 Come creare un menů orizzontale con il Css
L'uso del Css consente di realizzare effetti altrimenti impossibili con il linguaggio HTML. Uno di questi č senz'altro il menů orizzontale. Il browser riconosce i tag UL e LI per realizzare esclusivamente un menů verticale. Tramite il Css č possibile impartire una diversa disposizione delle voci di menů, ad esempio quella orizzontale. Vediamo come fare.
Partiamo da un semplice elenco puntato in linguaggio HTML
<ul>
<li>Voce 1</li>
<li>Voce 2</li>
<li>Voce 3</li>
</ul>
Il primo passo da compiere č settare il margine zero per eliminare la tabulazione sul tag UL.
ul
{
margin: 0px;
}
Il secondo passo da compiere č sul tag LI per settare la proprietŕ float a sinistra (Left) e la proprietŕ display su Inline. Nel seguente modo:
li
{
float: Left;
display: Inline;
}
E' anche possibile definire una larghezza massima di ciascuna voce del menů. Per farlo č sufficiente aggiungere tra le proprietŕ LI anche il parametro che imposta la sua larghezza. Ad esempio:
li
{
float: Left;
display: Inline;
width: 100px;
}
Il browser visualizzerŕ ogni menů in orizzontale anziché in verticale.
03 / 08 / 2008
Commenti
Scrivi
il tuo commento sulla pagina
"Come creare un menů orizzontale con il Css "
Link utili per approfondire il tema
css
Segnala un sito/link di approfondimento
| 
