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 Comment Ça Marche (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.
