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 ! Ce document intitulé « Enlever la bordure sur une image dans un lien en HTML/CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.