Cadre autour Images avec lien dan Firefox

poco

Membre actif
14 Décembre 2007
424
11
J'ai un problème d'affichage avec Firefox (Mac dernière version).

J'ai mis des liens sur des images (en jpg) et j'obtiens un disgracieux cadre bleu autour d'elles qui disparaît lorsque la souris survole ces dernières.

J'ai vérifié le code de la balise "a" dans la css il semble ne pas metionner ces cadres (qui n'apparaissent pas dans Safari ni dans CSS Edit.

Le code css est :

a:link {
color: #1266ff;
}
a:hover {
color: white;
background-color: #a3bfd5;
}
a:active {
color: #FF0033;
}
Le code des liens est :
<A href="http://www.monsite.com" title="English Site"><IMG SRC="MEDIAS/top/flag_us.jpg" ALT="English" align = "right"></A>
 
Bonsoir, en fait ce n&#8217;est pas le lien qui est encadré mais l&#8217;image qui est contenu dans un lien. Or dans la portion de ta feuille de style que tu nous soumets nulle référence n&#8217;est faite à l&#8217;élément image. En l&#8217;absence de règle spécifique Firefox applique sa règle par défaut &#8212; consistant ici à donner une bordure bleue à l&#8217;image.

Il te faut surcharger cette règle en en définissant une dans la feuille de style s&#8217;appliquant aux images contenues dans un lien :

Bloc de code:
a img {border-width:0;}

par exemple ;)
 
Bonsoir, en fait ce n’est pas le lien qui est encadré mais l’image qui est contenu dans un lien. Or dans la portion de ta feuille de style que tu nous soumets nulle référence n’est faite à l’élément image. En l’absence de règle spécifique Firefox applique sa règle par défaut — consistant ici à donner une bordure bleue à l’image.

Il te faut surcharger cette règle en en définissant une dans la feuille de style s’appliquant aux images contenues dans un lien :

Bloc de code:
a img {border-width:0;}

par exemple ;)

J'ajoute que cette ligne de code permet aussi de ne plus avoir le cadre bleu sur IE6, IE7 et IE8.
;)