Hover pour bordures d'images

Salut

J'ai un petit probleme au niveau d'images comportant des liens, j'ai trouvé quelques pistes sur le net mais j'ai pas réussi a trouver la solution.

Donc je voudrais que certianes de mes images qui comportent un lien aient leur bordure qui change de couleur au survol de la souris...

Si j'ai bien compris le hover ne fonctionne pas sur les images, donc la seule solution c'est de faire une class pour le type de liens, mais ça c'etait pas prevu dans mon html du coup il faudrait que je change toutes les pages... y a-t-il un autre moyen pour juste modifier mon css ?

Bonjour

Tu fais une seconde image comportant une bordure et au suvol cela donera l'effet d'un soulignement.

a{background-image: url(image_non_soulignée.gif);}
a:hover{background-image: url(image_soulignée.gif)}

Tu peux aussi unfluencer le border-bottom, par la même technique.

a{border-bottom:0;}
a:hover{border-bottom:1px;}

@+

Bonjour,

gregore a écrit :

Si j'ai bien compris le hover ne fonctionne pas sur les images, donc la seule solution c'est de faire une class pour le type de liens, mais ça c'etait pas prevu dans mon html du coup il faudrait que je change toutes les pages... y a-t-il un autre moyen pour juste modifier mon css ?

:hover n'est pas limité aux liens, sauf dans IE 5.x et 6.0 Windows.

Tu peux regarder du côté du script "IE7" de Dean Edwards, par exemple, pour émuler le :hover sur n'importe quel élément dans ce navigateur.

Mais les classes sur les liens contenant des images sont encore la solution la plus économique, en dépit du temps, ou de l'éditeur HTML traitant les fichiers par lots, éventuellement nécessaires.
Modifié par Laurent Denis (08 Dec 2005 - 18:04)

Bonjour

Merci pour l'info


@+