Problème de background css
Résolu
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 :)
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
-
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?
-
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 :) -
Mets la classe sur le a -> donc comme ça: a.home:hover
-
Yep ça a l'air de fonctionner !
Merci pour ta réponse tu me sauves :D -
De rien ;) bonne continuation, n'oublies pas de mettre 'résolu'
++
