Suppimer bordure sur image reactive

bonjour

J'ai dans un tableau une image de fond.
Une zone doit etre réactive.

J'ai donc mis dans cette zone une image .gif transparente.

Je n'arrive pas à enlever la bordure qui entoure l'image transparente reactive.

voici mon code
style :

.pub a,.pub a:hover,.pub a:active,.pub a:visited,.pub a:link{
border:none;
}

body :

    <td height="103" colspan="2" ><a href="http://www.artsenou.com" target="_blank" border=0 class="pub" ><img  src="http://www.leptithebdo.info/images/stories/lph/transparent.gif" width="320" height="100%" /></a></td>

Je ne vois pas où est l'erreur

Par avance merci pour votre aide

Michel
Modifié par rottenberg (25 Jul 2007 - 09:38)

Bonjour,

rottenberg a écrit :
Je ne vois pas où est l'erreur

La bordure s'applique à l'image et non au lien.

j'ai modifié mon code :

<td height="103" colspan="2" ><a href="http://www.artsenou.com" target="_blank" border=0  ><img  src="http://www.leptithebdo.info/images/stories/lph/transparent.gif" width="320" height="100%"  class="pub"/></a></td>

en affectant la classe "pub" au tag

cela ne marche pas non plus.

N'y a-t-il pas un probleme dans la classe ?

.pub a,.pub a:hover,.pub a:active,.pub a:visited,.pub a:link{
border:none;
}

Bonjour,

comme Florent te l'a dit il ne faut pas appliquer la class au lien mais seulement à l'image donc il faut que tu remplaces

.pub a,.pub a:hover,.pub a:active,.pub a:visited,.pub a:link{
border:none;
}

par

img.pub {
border:none;
}

Ou plus généralement, si tu veux éviter ce style automatique quel que soit le contexte dans la page:

a img {border: none;}

Maintenant cela marche super

merci beaucoup
et mes excuses pour cette erreur de débutant

Michel