[résolu]Problème de background color et hover

Bonjour, je souhaite créer une galerie de photos avec des miniatures. J'ai commencé a scripter, a l'instinct; je test dans IE, tout vas bien, mais pas pour firefox... Un petit coup de main ne serait pas de refus. Voici un lien pour illustrer le phénomène.

http://mageta666.free.fr/pb/test.html
Modifié par mageta (23 Mar 2006 - 14:32)

Salut,

Comportement normal : tu insères une balise "ul" de type block dans une balise "a" de type inline. Ce qui est interdit.

IE6 le navigateur à la traine laisse passer cette erreur de codage mais pas Firefox et cie les navigateurs récents

merci pour cette réponse! mais c'est donc impossible de changer la couleur de fond d'un div au passage de la souris?

là, il y a une bonne nouvelle et il y a une mauvaise nouvelle lol

Je commence par la bonne : c'est possible d'appliquer un hover sur n'importe quel élément, texte, paragraphe, image, bloc, ...

La mauvaise : IE6 ne reconnait le hover que sur les liens ...

Sinon, pour reprendre ton exemple, ça donne un truc dans ce goût là :

Pour le CSS :

.miniature {
border: 1px solid #000000;
text-align:center;
width: 325px;margin:5px;float:left;
}

.miniature div:hover {
background-color:#000000; 
}

img {
margin: 2px;
 }

Pour le xHTML :

<div class="miniature">
<div>
<a href="#">
<img src="miniature/_emppu.jpg" width="120" height="120" alt="" /><br />
emppu
</a>
</div>
</div>

<div class="miniature">
<div>
<a href="#">
<img src="miniature/_emppu.jpg" width="120" height="120" alt="" /><br />
emppu
</a>
</div>
</div>

merci beaucoup! bon dans un soucis de compatibilité, je vais devoir me limiter

bon dernier épisode; il existe une solution en javascript beaucoup pus simple en javascript du type: <div onMouseOver="this.style.backgroundColor='red';" onMouseOut="this.style.backgroundColor='#3300FF';"></div>