Enlever la bordure sur une image dans un lien en HTML/CSS
Vous avez fait une image cliquable en mettant une balise IMG au sein d'un lien <a href=""></a> et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image.
Il existe deux façons de supprimer cette bordure :
Solution en HTML pur
Utiliser l'attribut BORDER="0" dans la balise <IMG>. Par exemple :
<A HREF="ourson_de_mer.html"><IMG SRC="petit_ours_plongeur.gif" ALT="Photo d'un bébé ours dans l'eau salée." BORDER="0"></A>
Solution en CSS
Dans la feuille de style, définir le code ci-dessous :
a img
{
border: none;
}
Merci à jmangelini et Dionysoos sur le forum pour cette astuce !
