Enlever la bordure sur une image dans un lien en HTML/CSS

Décembre 2016

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 !

A voir également :

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.