[Resolu] Soulignement sous image

Bonjour

J'ai le code suivant pour mes liens

			a:link, a:visited {
			 	color: #000; 
				text-decoration: none;
				font-weight: bold;
			 	border-bottom: 1px solid #ddd;
			}
			a:hover {
				color: #ccc;
				text-decoration: none;
				font-weight: bold;
				border-bottom: 1px solid #ddd;
			}

Mon problème est que si j'ai une image avec un lien je me retrouve aussi avec une ligne de soulignement sous l'image !!!

Même si je définie une class pour mes images, impossible de retirer la ligne de soulignement !

.imgAnnonce a:link { border: 0px; }
.imgAnnonce a:hover { border: 0px; }
.imgAnnonce a:visited { border: 0px; }

Merci de votre aide

fait en sorte que l'image elle meme n'ait pas de bordure.

img{
   border:0;
}

J'ai essayé ça aussi mais ça fonctionne pas

C'est le border-bottom que je souhaite retirer uniquement lorsqu'une image a un lien

Bonjour,

J'ai bien peur que la seule solution est d'utiliser une class.

HTML

<a class="lienimage" ...><img ... /></a>

CSS

a.lienimage {
border-bottom:0;
}

Par contre, selon ton cas particulier, si tu as plusieurs images dans un même bloc comme un album photo, tu peux faire quelque chose comme ceci :

HTML

<div id="albumphoto">
<a><img ... /></a>
<a><img ... /></a>
<a><img ... /></a>
<a><img ... /></a>
</div>

CSS

div#albumphoto a {
border-bottom:0;
}

Assure-toi de déclarer ces styles CSS après la déclaration des styles de tes liens de base.
Modifié par Tony Monast (14 Mar 2006 - 16:22)

Merci mais même avec cette solution cela ne fonctionne pas

Bon alors met ta page en ligne pour que nous puissions voir le tout en action, code CSS et HTML compris.

Bonjour,
As-tu essayé

a img{
border-bottom:0;
}

On sait jamais ...
Modifié par Jihel (14 Mar 2006 - 16:45)

Désolé c'est moi qui merde !
Ca fonctionne je me suis trompé de lien pour mettre la class "lienimage"

Merci pour tout
Modifié par Iris (14 Mar 2006 - 16:52)