Bonjour,

Je travaille sur un menu qui a les élément justifié.
Il faut qu'il y ait une barre avant chaque élément, sauf pour le premier, de manière à ce que chaque barre soit exactement entre les éléments, quelque soit le redimensionnement du navigateur.

J'essaye sans succès à modifier ceci

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
nav ul.topnav li::before {content: "|"; color: #FFE61B;
  display: inline-block; width: 1em;
  margin-left: -1em;
}

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
<div id="myNavbar">
<ul class="topnav"><li class="first level1"><a href="http://www.therapie-isch.ch/" title="Accueil" >Accueil</a></li>
<li class="level1 active"><a href="sophologie.html" title="Sophologie" >Sophologie</a></li>
<li class="level1"><a href="sexothérapie.html" title="Sexothérapie" >Sexothérapie</a></li>
<li class="level1"><a href="parcours.html" title="Parcours" >Parcours</a></li>
<li class="last level1"><a href="contact.html" title="Contact" >Contact</a></li>
</ul>
</div>

Dans le cas actuel, la barre jaune est trop proche de l'élément de droite et il n'est pas adaptive au navigateur.
J'ai essayé de modifer le width et la margin-left avec d'autres valerus.

Comment le feriez-vous?

Milles mercis