[Résolu] Lien et images

Bonjour,

Mes liens changent de background au survol de la souris.

a:hover{
color: #000 ;
background-color: #8CE90E;
height: 10px;
}

et j'aimerais que cela ne se produise pas lorsque mon image est encapsulée dans un lien. Exemple
compte: user
mdp: user
partie galeries photos

Comment puis-je faire?
Merci !
Modifié par xgregx (16 Sep 2005 - 09:20)

J'ai essayé en appliquant une classe à ma balise <a>:

.aimg{
background-color: #FFF;
}

Mais j'ai toujours la couleur du fond qui change toujours en vert.
Modifié par xgregx (14 Sep 2005 - 15:34)

bonjour,

Je n'ai pas vu le code mais ton sélecteur ne doit pas convenir car il n'exprime pas la notion de survol, j'essaierais

a.aimg a:hover {
background-color: #FFF;
}

A moins que ça soit

 a.aimg:hover {
background-color: #FFF;
}

????

Je me plante peut être sur la syntaxe mais je suis sûr qu'il s'agit d'un problème de sélecteur!
Modifié par zanzibar (14 Sep 2005 - 17:12)

essaye ca :

a:hover img
{
background: #fff;
}

ca rend le fond de tes images blanc quand ton lien est survolé

Hello,
j'ai essayé les deux et rien ne fonctionne...

Essayes direcement ceci ..

img:hover {
background: none;
}
img:hover {
background-color: transparent;
}
img:hover {
background-color: #FFF;
}

Modifié par Champolion (15 Sep 2005 - 18:53)

xgregx a écrit :
J'ai essayé en appliquant une classe à ma balise <a>:

.aimg{
background-color: #FFF;
}

Mais j'ai toujours la couleur du fond qui change toujours en vert.

Tu as utilisé la classe .aimg sur l'élément <img/> alors qu'il faudrait l'appliquer à l'élément <a> (élément dont le fond doit être blanc). Pour récapituler :

a:hover{
background-color: #8CE90E;
}
a.blanc:hover{
background-color: #FFF;
}

...

<a href...> lien vert au survol</a>
<a class="blanc" href...>lien blanc au survol, avec ou sans image</a>

Xavier a écrit :

Tu as utilisé la classe .aimg sur l'élément <img/> alors qu'il faudrait l'appliquer à l'élément <a> (élément dont le fond doit être blanc). Pour récapituler :

a:hover{
background-color: #8CE90E;
}
a.blanc:hover{
background-color: #FFF;
}

...

<a href...> lien vert au survol</a>
<a class="blanc" href...>lien blanc au survol, avec ou sans image</a>

Merci, tout ça fonctionne parfaitement !