Rool over lien image

Bonjour,
Je n'arrive pas à faire un roll over en CSS sur une image avec un lien... je demande de l'aide car là j'y arrive plus trop...

Mon code HTML :

<div id="acces_adherents"><a href="adherents.php"></a></div>

Mon Code CSS :

div#acces_adherents{
	height: 30px; width: 200px; background: url(http://localhost/acces_adh_n.jpg) top left no-repeat;
}
a#acces_adherents {height: 30px; width: 200px; }
a#acces_adherents a:hover {height: 30px; width: 200px; background: url(http://localhost/acces_adh_r.jpg) top left no-repeat;}

Le chemin des images est correct, j'obtien l'image, mais le soucis c'est que je n'ai ni le lien ni le roll over sur cette image.

Merci d'avance

Pourquoi mettre une DIV et lui attribuer un style alors que tu pourrais l'attribuer à ton A. Et puis évite d'utiliser les ID.

Le code HTML

<a href="adherents.php" class="acces_adherents"></a>

et le CSS

a.acces_adherents:link,a.acces_adherents:visited{display:block;background-image: ...; height: 30px; width: 200px;}
a.acces_adherents:hover,a.acces_adherents:active{background-image: ...; }

Voilà j'ai pas testé mais ca devrais marcher ... sans display:block; ta balise A resterait en display:inline; et dans ce cas tu ne peux lui assigner ni de dimensions ni de marge.
Ensuite ce que tu as défini pour les etat :link et :visited .. resteront par défaut lors des etats :hover et : active, donc pas la peine de le remettre.

Bonne bourre

Bonjour,

dhjapan a écrit :
Et puis évite d'utiliser les ID.

Peut-on savoir pourquoi ?

D'autre part, j'émets des doutes sur la pertinence d'un lien sans aucun texte...