[Sanasun]

Salve a tutti!
Sono nuova del forum, anche se seguo YIW da diversi mesi. Ho un problema, probabilmente banale, che però non riesco a risolvere.
Vorrei creare una navigazione orizzontale, con tre voci a sinistra, il logo del sito al centro e altre tre voci a destra. Una cosa di questo genere http://rodania.com/
Solo che sicuramente c'è qualche parametro che devo mettere nei css, e non so qual'è! Al momento le tre voci del menù a destra vanno a capo dopo l'immagine.

Sintassi: html [ Scarica ] [ Nascondi ]

Sintassi: html [ Scarica ] [ Mostra ]

1. <div id="navigazione">
2. <ul id="menu-sx">
3. <li><a href="#">Pagina 1</a></li>
4. <li><a href="#">Pagina 2</a></li>
5. <li><a href="#">Pagina 3</a></li>
6. </ul>
7.  
8. <a id="logo" href="#">
9. <img src="images/logo.png">
10. </a>
11.  
12. <ul id="menu-dx">
13. <li><a href="#">Pagina 4</a></li>
14. <li><a href="#">Pagina 5</a></li>
15. <li><a href="#">Pagina 6</a></li>
16. </ul>
17. </div>
18.  

Grazie in anticipo per l'aiuto!

[markdesign]

Ecco qui: http://jsfiddle.net/uHX4c/1/

L'ho scritto velocemente quindi chiedo scusa per eventuali errori di sintassi...

[Sanasun]

Ooh grazie, così sembra funzionare!
Mi puoi spiegare però in cosa consiste la classe clearfix? A far diventare i due menù elementi in blocco?
Se mi ricapitasse in futuro, vorrei sapere perché risolvo in quel modo

[markdesign]

Ecco qui: http://css.flepstudio.org/css-tutorials/clearfix.html

Penso sia una spiegazione più approfondita rispetto a quella che potrei darti io...

[Sanasun]

Grazie mille! Sei stato gentilissimo