Barre Nav. les onglets ajustés à la taille de mes colonnes

Bonjour,

Je suis débutante et je poste ce sujet ici car je ne sais pas très bien ou le mettre.
Voilà je développe un site sous spip avec un template déjà existant que j'essaie de personnaliser.
En CSS j'ai un grid de 7 colonnes

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7 {
float: left;
margin-right: 16px;
}

.span-1 { width: 136px; }
.span-2 { width: 288px; }
.span-3 { width: 440px; }
.span-4 { width: 592px; }
.span-5 { width: 744px; }
.span-6 { width: 896px;}
.span-7 { width: 1048px; margin-right: 0; }

en gros je voudrais que mes onglets soient justifiés par rapport à la largeur type d'une colonne plus sa marge
donc 152 pixel. ( ma barre de navigation est à droite dans l'entête)

J'ai bien compris en lisant des forums que tout se passe en applicant un <div à chaque <li du menu mais comme j'utilise le pluging menu de zpip je ne sais pas très bien ou je dois écrire cela ni même comment bien l'écrire.

dans mon fichier HTML barre nav j'ai ceci :
<div class="menu-conteneur">
#INCLURE{fond=inclure/menu, env, identifiant=barrenav}
</div>


dans mon fichier HTML menu j'ai cela
:


<BOUCLE_menu(MENUS){id_menu=12}{identifiant=barrenav}>
<B_entrees>

<ul class="menu-liste[ (#CSS)]">

<BOUCLE_entrees(MENUS_ENTREES){id_menu}{par rang}>
#MENUS_AFFICHER_ENTREE

<BOUCLE_sous_menu(MENUS){id_menus_entree}>

#INCLURE{fond=inclure/menu, env, id_menu, identifiant}

</BOUCLE_sous_menu>
[(#REM) On ferme le li si le type d'entr??e accepte des sous-menus ]
[(#TYPE_ENTREE|menus_type_refuser_sous_menu|non)</li>]
</BOUCLE_entrees>
</ul>

</B_entrees>

</BOUCLE_menu>



Voilà si quelqu'un a une idée pour cette question je serais ravie. Et sinon je voudrais bien comprendre comment aligner la barre nav avec un logo !!!

voici mon site :

http://www.belmachine.org
Merci d'avance : )
Modifié par Pmiracle (16 Sep 2015 - 23:34)