Problème de background css

Résolu/Fermé
LiptOn - 13 sept. 2010 à 17:02
 Utilisateur anonyme - 13 sept. 2010 à 17:26
Bonjour,

Voila je suis en train de réaliser un site avec un menu contenu dans une liste ;

Je souhaiterais pouvoir personnaliser le fond de chaque élément de ma liste au passage de la souris mais je n'y parviens pas ;

Mon code css est le suivant :

#side li a:hover .home {
background-image:url("images/home.jpg");
}

#side li a:hover .contact {
background-image:url("images/contact.jpg");
}


Et ainsi de suite pour les autres rubriques...

Mais cela ne fonctionne pas.

Si quelqu'un a une idée je suis preneur,

Merci par avance :)

5 réponses

Utilisateur anonyme
13 sept. 2010 à 17:06
Qu'est-ce qui ne marche pas? Est-ce que ça change de background et après ça reste? ou ça ne change pas du tout?
0
En fait ca ne fonctionne pas du tout, c'est à dire qu'au passage de la souris le background de mon élément de liste devient blanc mais l'image en jpg n'apparaît pas :/

Par contre si j'enlève la class dans mon css :

#side li a:hover {
background-image:url("images/home.jpg");
}

l'image apparaît bien mais sauf que ce sera aussi la même image (home.jpg) pour les autres rubriques, chose que je souhaite pas !

Merci pour la réponse en tout cas :)
0
Utilisateur anonyme
13 sept. 2010 à 17:15
Mets la classe sur le a -> donc comme ça: a.home:hover
0
Yep ça a l'air de fonctionner !
Merci pour ta réponse tu me sauves :D
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
13 sept. 2010 à 17:26
De rien ;) bonne continuation, n'oublies pas de mettre 'résolu'
++
0