[résolu] Faire une image rollover.

Salut a tous.

Je voudrais savoir comment il fallait proceder pour faire une image rollover facilement en CSS?
Modifié par death83 (14 Aug 2005 - 11:13)

Bonjour death83 et bienvenue ici

T'as jeté un oeil aux Tutoriels ?

Parce qu'en cherchant un peu tu aurais trouvé : Une image réactive (rollover) sans javascript

oui biensur mais ca marhce pas.

Je vous montre ce que je veux faire:
j'ai fait ca dans ma page :

<div class="menu">
	<ul id="menuid1"></ul>
</div>

j'ai defini dans ma feuille de style:

 ul#menuid1
 {
 width: 114px;
 height:25px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 background-image: url(../imagesite/accueil.jpg);
 }
 ul#menuid1 a:hover
{
 width: 114px;
 height:25px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 background-image: url(../imagesite/accueilon.jpg);
 }

Mais ca ne fonctionne pas. C'est toujours la premiere image qui est affiché.

Savez vous d'ou peut venir l'erreur?

death83 a écrit :

Mais ca ne fonctionne pas. C'est toujours la premiere image qui est affiché.

Savez vous d'ou peut venir l'erreur?

Très simple : il n'y a que sur IE que cela ne fonctionne pas puisqu'il ne comprend la pseudo-classe :hover uniquement si elle est appliquée à l'élément de lien <a>.

Pour que ton rollover fonctionne partout, il faut l'appliquer à la balise <a>.