Page 1 sur 1

Souligner les liens mais pas les image avec lien

Publié : 03 juin 2006, 14:44
par Sined
Bonjour,
J'applique plusieurs règles aux liens de mon site.
Le problème c'est que ces règles s'affichent aussi pour les image qui comportent un lien et je ne voudrais que cela ne le fasse pas!
Je vous montre mon code:

Code : Tout sélectionner

a{
border-bottom:1px solid #555;
}
Donc là les liens et les images avec liens sont soulignés.
Mais même en mettant après:

Code : Tout sélectionner

a img{
border:none;
}

Bun les images avec lien sont toujours avec une bordure d'un pixel en bas!!
Je comprends pas, j'ai une erreur?
Merci d'avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 03 juin 2006, 15:18
par jpbardiau
Pour souligner les liens textes,

Code : Tout sélectionner

a { text-decoration: underline;
}
et conserver

Code : Tout sélectionner

a img{
border:none;
}

Publié : 03 juin 2006, 15:54
par Sined_

Code : Tout sélectionner

a { text-decoration: underline;
}
Différent de:

Code : Tout sélectionner

a{
border-bottom:1px solid #555;
}
Premièrement car le soulignement est un peu plus clair que le noir #000, deuxiemement car le trait est espassé d'un pixel vers le bas du texte.

Re: Souligner les liens mais pas les image avec lien

Publié : 03 juin 2006, 16:17
par calimo
Sined a écrit :

Code : Tout sélectionner

a img{
border:none;
}
En fait, avec ça, tu dis que l'image ne doit pas avoir de bordure.
Or, ce n'est pas l'image qui a une bordure, mais le lien qui l'entoure. Avec ce code, tu ne touches pas du tout le lien lui-même. Tu vois ce que je veux dire ? :wink:

Malheureusement, on approche ici des limites des CSS. On peut faire beaucoup de choses, mais pas tout. Et ça je crois bien que c'est quelque chose qu'on ne peut pas faire :roll:

La solution : définir une classe image pour les liens contenant des images. Et appliquer le border:none sur ces liens-ci, et non pas sur l'image.

Code : Tout sélectionner

a.image {
	border:none;
}
:wink:

Re: Souligner les liens mais pas les image avec lien

Publié : 03 juin 2006, 17:16
par Sined_
Domage qu'il existe des limitations comme celle-là pour CSS,
Enfin j'ai mis des class partout, sa grossi un peu la page mais bon...
Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 03 juin 2006, 21:00
par calimo
Je pense qu'en CSS3 ça sera possible, mais bonjour les sélecteurs alambiqués... ce n'est simplement pas dans l'esprit, on sélectionne un élément selon ses parents, pas selon son contenu.