{Résolu} Décalage lors du survol des liens.

Salut à tous,

Voyez par vous même dans cette page, lorsque vous survolez l'un des liens de la barre_navig ou sous_barre_navig, vous remarquerez un petit décalage d'affichage. (petit précision, pour l'instant le site est bien optimisé sous Firefox)

Comment résoudre cela ?

Je vous remercie et vous souhaite une bonne journée
Modifié par {F-I} (24 Aug 2010 - 15:05)

Bonjour,

Tu applique actuellement un padding de 5 pixels ici :

#barre_navig a:hover {padding:5px;}

Mais pas à sa version sans survol, ce qui crée nécessairement un décalage.
Je t'invite donc à déplacer cette propriété sur le sélecteur "#barre_navig a {}"
Tu as le même problème avec le sous-menu "sous_barre_navig".

(EDIT) Une explication s'impose tout de même : le padding fait partie du calcul de largeur des éléments de type inline. (/EDIT)

Rien à voir, mais tu as de grosses différences d'affichage entre Firefox et Safari (la police d'écriture, les arrondis, etc...)
Modifié par Nigel (24 Aug 2010 - 07:46)

Effectivement, j'aurais dû être plus attentif en relisant mon CSS...

J'en suis conscient que le site affiche vraiment mal avec d'autre navigateur que Firefox et d'ailleurs c'est pour ça que j'avais précisé dans mon premier post "(petit précision, pour l'instant le site est bien optimisé sous Firefox)"

Je sens qu'il va y avoir pas mal de galère lorsque de l'adaptation CSS avec Chrome, IE, Safari et Opera....

Merci beaucoup et bon après-midi.