1
Merci

Quelques mots de remerciements seront grandement appréciés.

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 !
1
Merci

Quelques mots de remerciements seront grandement appréciés.

Cet article est régulièrement mis à jour par des experts sous la
direction de Jean-François Pillou, fondateur de CommentCaMarche
et directeur délégué au développement numérique du groupe Figaro.

Publié par . Dernière mise à jour le par christelle.b.

Ce document intitulé «  Enlever la bordure sur une image dans un lien en HTML/CSS  » issu de CommentCaMarche (https://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.

1 Commentaire