Voilà une mini question qui devrait être la dernière de l'année. Il n'y a pas d'urgence, je n'attends pas spécialement de réponse avant l'année prochaine, loll.
Donc voilà, sur un site, je fais un menu horizontal. J'ai séparé chaque rubrique par une bordure. Pour celà, j'ai défini pour chaque entrée de ma liste la bordure gauche via ma feuille de style :
...
#menu_navigation a {text-decoration: none; margin-right: 0; margin-left: 0; padding: 5px 5px 11px 5px; border-left: 2px inset;
border-color: #735A32;}
Ensuite, afin de mettre également une bordure à droite de la dernière rubrique (en l'occurrence "contact"), j'ai mis dans ma page html (xhtml1-transitional) un style en ligne juste pour ce dernier lien. Ca donne :
<li><a style="border-right: 2px inset; border-color: #735A32;" href="mapage.php" title="Nous contacter, demander un devis">Contact</a></li>
Ca fonctionne sauf que :
Dans IE8 et Chrome 16, la dernière bordure stylisée en ligne est plus fine que les autres.
Et dans Firefox 8, encore pire, elle n'est carrément pas de la même couleur !!!
Pour la page elle même, c'est ici.
Quelqu'un a-t-il une idée de ce mauvais tour de magie?
Haut
