Changement d'image en survol : problème

Yop,

il est possible de visionner mon problème ici : http://ylp.free.fr/css/4/

Sous Internet Explorer, tout se passe bien (ça arrive, donc ), l'image apparaît et le survol fonctionne. Sous Firefox en revanche, rien ne s'affiche.
Jusqu'à maintenant, mon astuce consiste à mettre une image transparente pour simuler l'image dans la page. (Dans le genre bien naze, je peux aussi mettre des  ...) Mais il y a sans doute un meilleur moyen de résoudre ce problème... Une idée ?

Merci.

Bonjour,

Il faut mettre un intitulé sur ton lien afin que les utilisateurs de lecteur d'écran puisse en lire le contenu.

Pour cela, tu peux mettre l'image dans le code html en n'oubliant pas de renseigner l'attribut alt de l'image.

PS : Il serait bon de changer ton doctype aussi.
Modifié par koala64 (04 Jan 2007 - 06:26)

Bonjour,

Si je mets l'image dans le code html, mon image en survol n'apparaîtra plus du tout.

(Pour le doctype pas de soucis, j'ai créé cette page en 2 secondes hier pour illustrer un problème sur mon site.)

(Free n'a pas l'air de fonctionner)
Modifié par parappa (08 Mar 2009 - 20:22)

parappa a écrit :
Si je mets l'image dans le code html, mon image en survol n'apparaîtra plus du tout.

Tu peux faire le rollover via JS.

Oui bien sûr, c'est d'ailleurs comme ça que j'ai toujours fait.

J'ai suivi cette explication : http://mammouthland.free.fr/cours/css/cours3.php
...en me disant que faire ça en css serait sans doute plus léger / malin que le faire en js. S'il n'y a pas d'autre solution alors effectivement...