Discussion :

[Jerome218]

Bonjour,
Je construit un site ou des noms apparaissent dynamiquement dans des blocs. Je tente de gérer tout en CSS… pas de tableaux, et le maximum de chose sont gérées par les styles.. mais depuis 2 jours je lutte contre les différences de comportements entre IE et FX…
Voici mon probleme :
Des liens contiennent des div ( c’est la solution que j’ai choisi pour gérer les hover sur ces div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
a.Nomillu #CaseNom{
position:relative;
vertical-align:bottom;
width:168px;
height:20px;
text-align:center;
font-size:8pt;
color:#CCC;
float:left;
text-decoration:none;
padding: 5px 0 0 0;
margin: 0 6px 5px 0;
border: 1px solid #CCC;
}
 
a:hover.Nomillu #CaseNom{
	background-image:url(../images/commun/fonf_illu.gif);
	text-decoration:none;
	color:#FFF;
}

Sur FX tout est impec, au survol de la souris mes div changent d’ascpect et redeviennent normal ensuite…
MAIS sous IE, une fois que le style passe en etat « hover », il y reste…

J’ajoute aussi mon code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="illu2.php" class="Nomillu"><div id="CaseNom">TOTO</div></a>

je suis vraiment bloqué la dessus…si quelqu'un a une piste… ou des remarques ou suggestion sur cette façon de précéder... merci d'avance
Jérôme

[tugal]

IE est relou, dans mes pages je devais dans ma feuille de style mettre obligatoirement les 3 comportement afin que le hover fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
a:link { }
 
a:visited { }
 
a:hover{ }

Bonne chance

[Candygirl]

Tu ne peux pas mettre de div (élément de txpe block) dans un a. Si tu dois ajouter une balise à l'intérieur de ton lien, tu peux passer par un span.

Pourquoi n'appliques-tu pas le style directement à la balise a?

Autrement j'écrirais plutôt:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

a.Nomillu:hover

[Jerome218]

Merci pour ces précisions, je vais tester de mettre directement mon style sur le lien avant de revenir cloturer ce topic

[enzo.snow]

Salut,
Si tu as besoin d'utiliser un block comme lien, il te suffit d'ajouter display: block; dans les propriétés de ton lien dans ton CSS. J'ai créé tous les boutons de mon site comme ça, et ça fonctionne très bien.