Problème de background css Résolu/Fermé

Question

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 :)

Configuration: Windows XP / Internet Explorer 7.0

Utilisateur anonyme · Answer

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?

LiptOn · Answer

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 :)

Utilisateur anonyme · Answer

Mets la classe sur le a -> donc comme ça: a.home:hover

LiptOn · Answer

Yep ça a l'air de fonctionner !
Merci pour ta réponse tu me sauves :D

Utilisateur anonyme · Answer

De rien ;) bonne continuation, n'oublies pas de mettre 'résolu'
++

Problème de background css

5 réponses

Discussions similaires