aiuto barra di navigazione

[bduk3r]

salve ragazzi vorrei creare due liste orizzontali differenti sulla stessa barra di navigazione, in moda da posizionarle una a destra ed una a sinistra, per quella sul lato sinistro non ho avuto problemi, ma sul lato destro mi sono bloccato, dato che prende le stesse caratteristiche della prima, qualcuno sa come potrei risolvere?

edit
sono riuscito a creare le due liste differenti, ora la seconda la dovrei allineare con la barra di navigazione, l' unico problema è che va a finire sotto la barra, quindi dovrei fare in modo che vada sopra

[Nobody33]

Senza vedere il codice o un link alla pagina difficile dire qualcosa.

[bduk3r]

praticamente ho creato la barra di navigazione con queste proprietà

#nav {    float:left;
    width:800px;
    height:105px;
    background-image:url(../images/barra%20navigazione.png);
    
}


#nav ul {
    margin:0 50px;
    


}


#nav ul li {
    list-style-type:none;
    float:left;
    text-align:center;
    
}


#nav a:link, #nav a:visited {
    display:block;
    font-size:20px;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    color:#000;
    text-decoration:none;
    height:30px;
    width:70px;
    margin-top:26px;
    padding:10px;
    margin-left:1px;

con questo codice html

<div id="nav">
<ul>
<li><a href="#">TESTO</a></li>
<li><a href="#">TESTO</a></li>
<li><a href="#">TESTO</a></li>
</ul>
</div>

e le tre voci mi si mettono sul lato sinisto, ma ora su quella barra di navigazione devo inserire altre 3 voci sul lato destro, dato che ho previsto una zona centrale vuota, ed è qui che mi sono bloccato

[Nobody33]

ripeti lo stesso codice che hai già per il menu (incluso l'id nav) e lo metti sulla sinistra.

Dopo crei un contenitore intorno ai due #nav. Ovviamente dovrai rinominare #nav in .nav (ovvero devi farlo diventare una classe).

Al nav sulla destra dai il float: right; oppure lo imposti con un margine, padding, ecc., dipende di cosa hai bisogno.

[bduk3r]

bene ci sono riuscito, ho modificato un po i consigli dato che non mi riusciva così. Ho creato il container, ma ho diviso l' immagine della barra di navigazione in 2 (parte destra e sinistra) poi è stato semplice dato che ho solo dovuto dare le stesse proprietà alla seconda barra.