Changement de couleur avec CSS

**mickael28** · 13/07/2008, 20h39

Bonsoir,

Je cherche a changer dans le CSS, la couleur d'une DIV qui reçois un lien dès que la souris est positionné dessus.

Pour le lien, pas de problème ça fonctionne.
C'est pour la DIV que ça ce gâte, je ne trouve pas de solution.

HTML:
<body>
<div id="divLeft">
<div class="divLiens"><a href="...">Lien</a></div>
<div class="divLiens"><a href="...">Lien</a></div>
</div>
</body>

CSS change la couleur de la DIV:
.divLiens a:hover {
background-color:white;
}

Cela me change juste la couleur de fond du lien mais pas de la DIV entière.

Comment faire?

**Spiff__** · 13/07/2008, 23h21

Salut!

Tu as essayer .divLiens:hover ?

**Erwan31** · 14/07/2008, 00h14

Envoyé par Spiff__

Salut!
Tu as essayer .divLiens:hover ?

Ça aurait été bien mais les pseudo-classes dynamiques ne sont implementées
sous IE6 que sur les liens et sont encore boguées sous IE7 dans certains cas de figure.

@mickael28 Tu dois transformer ton lien en boîte de bloc avec un display:block pour que celui-ci prenne toute la largeur du div et
accepte des propriétés de taille CSS.
Et pour la hauteur ça depend. Si tu peux donner une hauteur fixe au div,
alors tu n'aura plus qu'à doter ton lien d'un height:100% sinon
il faudra passer par du JS pour changer la couleur de fond du div au survol.

**FraK** · 15/07/2008, 09h09

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
#divLiens (au lieu de divLeft) {
.... }
 
a.divLiens{
display: block;
}
 
a.divLiens:hover {
background-color:white;
display: block;
}

Changement de couleur avec CSS

CSS

Discussions similaires

Partager

Partager