[Résolu] Rollover activé sur lien ou sur boite - IEvsFF

Bonjour,

J'ai recherché sur le forum...j'ai recherché sur google...je ne trouve pas l'info...

y a-t'il un moyen CSS pour contourner le problème de zone d'activation des rollover sur les liens...
Je m'explique: Regardez ici le bien connu Sinorca 2
Voila dans l'état out:
http://ziad270.free.fr/publicshow/rollover-li-ievsff/out.png
Avec Firefox tout semble normal..j'approche ma souris (les prints screens sont faire sur un design un peu different:
http://ziad270.free.fr/publicshow/rollover-li-ievsff/rollover-ff.png
Avec IE si l'on passe la souris au même endroit...rien ne se produit:
http://ziad270.free.fr/publicshow/rollover-li-ievsff/rollover-box-ie.png
Il faut passer la souris sur le texte pour que le rollover s'active:
http://ziad270.free.fr/publicshow/rollover-li-ievsff/rollover-text-ie.png

Je pense que ceci doit être bien documenté mais je ne trouve pas l'info...
Ici celà fonctionne correctement...mais je ne parviens pas à voir d'ou vient la différence:
http://css.alsacreations.com/xmedia/exemples/commentaires/cssmenu1.htm
J'ai tenté le

display:block; 

sans succès...
Désolé pour le niveau de ma question...

Ziad O'Hanlon
Modifié par ziad270 (11 May 2005 - 23:11)

Salut,

La balise <a> étant un élément de type en-ligne, elle ne peut pas posséder de dimension. Il faut donc effectivement la passer en bloc.

Tu trouveras ici un tutoriel qui traite exactement ta question.

Bonne lecture
Modifié par Raphael (11 May 2005 - 17:08)

Merci beaucoup Raphael.


Ziad O'Hanlon

Grâce à ton tutoriel j'ai trouvé la réponse à ma question...
IE réagit de la sorte lorsque l'on n'indique pas de

Height:xxx;

Ce qui est le cas sur sinorca.

Merci encore Raphaël.

Ziad O'Hanlon

EDIT: le

display:block;

ne suffit pas à lui seul...le problème reste... le

Height:xxx;

ne suffit pas non plus...il faut les deux...

display:block;
Height:xxx;

Modifié par ziad270 (11 May 2005 - 17:30)

ziad270 a écrit :


EDIT: le

display:block;

ne suffit pas à lui seul...le problème reste... le

Height:xxx;

ne suffit pas non plus...il faut les deux...

display:block;
Height:xxx;

Oui bien sûr puisqu'un élément de type bloc occupe toute la largeur possible... mais pas la hauteur. Il faut donc la spécifier.

Un ptit [Résolu] stp ?
Modifié par Raphael (11 May 2005 - 17:38)