28173 sujets

CSS et mise en forme, CSS3

IE 6 n'applique le hover qu'à la premiere image d'une liste

Bonsoir,

Comme je suis une petite maline, j'utilise un .htc pour émuler le comportement :hover pour IE6... Mais, je viens de tomber sur un bug bizarre. Smiley eek

Vous pouvez constater ici que la bordure grise ne change de couleur au survol que pour la première image, alors que le comportement fonctione sur FF et IE7.

J'ai réduit le code à sa plus simple expression :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Le bug bizarre IE6</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="comcom.css" type="text/css" media="projection, screen, tv" />
<link rel="stylesheet" href="impression.css" type="text/css" media="print" />
<style type="text/css">
<!--
ul{list-style-type:none;}
li#bleu img{ border:3px solid #666;-behavior:url('csshover2.htc');}
li#bleu img:hover{ border:3px solid #999;}
-->
</style>
</head>

<body>
 <div>
	<ul><li id="bleu"><a href="#"><img src="images/minineko.jpg" alt="" width="60" height="60" /></a></li>
		<li id="bleu"><a href="#"><img src="images/minimmo.jpg" alt="" width="60" height="60" /></a></li>
		<li id="bleu"><a href="#"><img src="images/minibn.jpg" alt="" width="60" height="60" /></a></li>
	</ul>
</div>
</body>
</html>


C'est peut-être à force d'avoir le nez dessus, mais je ne trouve pas ce qui cloche. Alors, si vous avez une solution, où juste une raison à cet étrange phénomène, ça m'aiderait surement à dormir... Smiley confused
Milles mercis d'avance de m'éclairer.
Bonjour,

IE6 le facétieux Smiley biggol
Un vieux bug pour les hovers, donner à ton lien un background: none; s'il n'en a pas ...
li#bleu a:hover img { border:3px solid red;}
li#bleu a:hover { background: none;}
putch a écrit :
un id est unique ...
donc préfère des class="bleu" pour tes <li>

Ou bien un id non pas sur chaque li, mais sur le ul parent des li.
<ul id="bleu">
	<li>...</li>
	<li>...</li>
</ul>
Bonjour,

J'ai un probleme avec mon fichier htc.

J'ai developpé ma page.

En reseau local, tout fonctionne.
Si je teste d'autres sites exemples utilsiant cette technique, tout fonctionne.
Sur mon serveur distant, ca ne fonctionne pas.

J'ai remarqué une chose. Lorsque je demande directement le fichier dans la barre d'adresse sur les sites qui fonctionne, le fichier est proposé en téléchargement.
Sur mon serveur, j'obtiens une page blanche.

Le probleme doit donc se situer la.
J'ai cherché sur le site de microsoft mais par moment, je n'y comprend rien.

Merci d'avance pour tout aide.

Bonne journée
Sujet clos
Aller à