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

Janvier 2017

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


Publié par Jeff. Dernière mise à jour le 2 novembre 2009 à 17:32 par christelle.b.
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.