Menu
Donnez votre avis

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

Posez votre question
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 !
Jean-François Pillou

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.

En savoir plus sur l'équipe CCM

Ajouter un commentaire

Commentaires

Commenter la réponse de Utilisateur anonyme