CSS sur liens images

Salut,

J'ai redéfini les liens d'un site par

#content a:hover { border-bottom: solid 1px #c03; }

Par contre, les liens "images" sont aussi impactés et je n'arrive pas à annuler cet effet uniquement pour eux...

Une idée ?
Merci

Salut,

Il te suffit d'ajouter à la suite dans ta CSS :

img {
border: 0;
}

Sans vouloir te contredire Mikachu, ça ne fonctionnera pas dans le cas du survol ton code...

Pour revenir à ton problème Patate (on dirait presque que je t'engeule avec un nom pareil...), tu vas devoir cibler différement ton hover car avec le code actuel, tout contenu imbriqué dans une balise a sera affectée par ta bordure...

Mikachu a écrit :
Salut,

Il te suffit d'ajouter à la suite dans ta CSS :

img {
border: 0;
}

Ca ne changera pas le probleme du a:hover

Sinon je te conseil de créer une classe pour tes liens plutot du genre

.lien:hover { border-bottom: solid 1px #c03; }
img { border: 0px;}

et hop probleme résolu


EDIT : Sans vouloir te contredire non plus hein
Modifié par Seubeu (09 Jul 2007 - 12:29)

Merci pour votre aide...
Vous êtes en train de me dire qu'il faut que j'applique une classe à TOUS mes liens (hors image) ... C'est titanesque

J'aurais mieux fait de rester au lit moi ce matin au lieu de répondre çà
(enfin c'était ma première idée mais bon fallait se lever )

Lol mikachu c'est pas tres grave va !

Sinon patate (c'est vrai que ca fait insulte ^^) tu as des fonctions avec dreamwaver par exemple qui te permettent de faire ca en 2 temps 3 mouvements (tu peux faire un chercher/remplacer sur tout ton dossier web par exemple)

Enfin bon courage mais ca devrait pas etre si titanesque que ca
(sauf si tu as plus de 50 pages différentes )

Patate a écrit :
Merci pour votre aide...
Vous êtes en train de me dire qu'il faut que j'applique une classe à TOUS mes liens (hors image) ... C'est titanesque

Euhm..
Oui, il me semble que c'est la seule solution.

Sinon, l'alternative serait d'affecter une classe à tous les liens qui contiennent une image pour modifier leur comportement.
Cela donnerait quelque chose comme ceci :

<a href="#" class="noborder"><img src="lien_image.jpg" /></a>

---

a.noborder:hover { border-bottom: none; }

Modifié par Cygnus (09 Jul 2007 - 15:04)