navigation:come li metto in orizzontale???

[in4matiko]

/*layout*/
div#navigation{
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica;
text-align:center;
font-weight: bold;
font-size:12px}
div#navigation ul{margin: 0 0 0px;padding: 0;list-style-type: none}
div#navigation ul a{display:block;width: 138px;weight:70px;border-bottom: 5px solid #000099;color:#000000;
font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #000099;color: #FFFFFF}
div#navigation ul a#activelink{color: #000000;text-decoration: none}

<div id="navigation">
<ul>[*]1[*]2[*]3 [*]4[/list]
</div>
con questo codice il menù viene in verticale...cosa devo settare per farlo venire in orizzontale?per esempio, come sul sito di trenitalia www.trenitalia.com.
grazie a ki rsp...

[in4matiko]

ho risolto!dovevo settare la posizione del[*]

[haZe]

Posizioni assolute? Brutto!

Ci sono sostanzialmente due modi di fare quello che chiedi: dichiarando i li elementi blocco e poi floatandoli, oppure annullare l'effetto lista e poi lavorare sui padding degli elementi.

Ad esempio qui: www.rapallo-cartoonists.com ho usato la seconda tecnica, vedi se ti può servire. (su safari ha al momento dei problemi, lo so)

[in4matiko]

grazie lo stesso!ho risolto cn la prima tecnica!sai, sto imparando questi css e i layout poco alla volta, ed ogni tanto incappo in qualche problemino!cmq complimenti per il sito...ciaooo!