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

Dernière mise à jour le 2 novembre 2009 à 17:32 par marlalapocket
Publié par Jeff
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 !
Meilleures réponses pour « Enlever la bordure sur une image dans un lien en HTML/CSS » dans :
Enlever le soulignement sous les liens en HTML/CSS Voir Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...