Hover sur <a> (text-indent)

Bonjour :)

Petit souci de mise en forme, Firefox ne veut pas me faire de text-indent sur un lien !

Voilà le code :

Code:

---

1 2 3 4 5 6

ul li a:hover { font-size: large; font-weight: bold; text-indent: 20px; }

---

Oui le(s) lien(s) se trouve(nt) dans une liste (j'ai donc déjà essayé sur un lien simple, mais ça ne change rien.

Sous IE (qui ne respecte pas des masses les règles du jeu ^^) le texte est bien décale au passage du pointeur, mais pas sous FF !

Une idée du pourquoi?

Salut,

Ben je crois que tu as tout dit. IE ne réagit pas correctement, enfin d'après ce que je comprends. text-indent agit sur la première boîte en-ligne contenu dans un bloc. Or tu essaies d'agir sur le texte d'un élément <a>. Le comportement de text-indent est donc normal.

Bonjour,
c'est normal puisque la propriété text-indent ne s'applique qu'aux éléments de niveau block. IE n'a donc pas un comportement standard.
Tu dois donc ajouter cela:

Code:

---

1 2	ul li a {display:block;}

---

Au passage, attention à bien vérifier que le hover n'a aucun impact
sur la mise en forme des éléments adjacents.

Merci pour ces réponses ! c'est nickel :king:

Juste une petite remarque, encore un problème IE/FF : Sous IE, la puce est décalée avec le texte, pas sous FF ! (m'enfin c'est loin d'être important!)


Sinon Erwan31

Citation:

---

attention à bien vérifier que le hover n'a aucun impact
sur la mise en forme des éléments adjacents.

---

+1 ^.^