Problème de background css

Résolu
LiptOn -  
 Utilisateur anonyme -
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

  1. Utilisateur anonyme
     
    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
  2. LiptOn
     
    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
  3. Utilisateur anonyme
     
    Mets la classe sur le a -> donc comme ça: a.home:hover
    0
  4. LiptOn
     
    Yep ça a l'air de fonctionner !
    Merci pour ta réponse tu me sauves :D
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Utilisateur anonyme
     
    De rien ;) bonne continuation, n'oublies pas de mettre 'résolu'
    ++
    0