Comment Retirer Le Cadre

Table des matières:

Comment Retirer Le Cadre
Comment Retirer Le Cadre

Vidéo: Comment Retirer Le Cadre

Vidéo: Comment Retirer Le Cadre
Vidéo: Comment retirer et replacer un cadre d'une ruche ? 2024, Novembre
Anonim

Lorsque vous placez une image à l'intérieur de la balise de lien (entre et), le navigateur du visiteur dessine par défaut une bordure bleue d'un pixel de large autour de l'image. En plus du fait que l'arbitraire du navigateur augmente la taille de cet élément de conception de votre page de deux pixels verticalement et de deux pixels horizontalement, la couleur bleue peut ne pas correspondre au schéma de couleurs de la conception de la page.

Comment retirer le cadre
Comment retirer le cadre

Instructions

Étape 1

Si vous devez supprimer la bordure d'une ou plusieurs images de lien, vous pouvez le faire en ajoutant un attribut de bordure avec une valeur nulle à la balise de chacune des images dont vous avez besoin. Par exemple: Le même effet peut être obtenu en utilisant l'attribut style en plaçant la même bordure avec une valeur zéro: La valeur zéro (0px) dans cette variante peut être remplacée par la valeur "aucun" (sans les guillemets).

Étape 2

Si vous devez résoudre ce problème de manière radicale, c'est-à-dire pour toutes les images avec des liens dans l'ensemble du document, il est préférable de le faire différemment. Il n'est pas nécessaire d'ajouter l'attribut correspondant à la balise de chaque image séparément, il est plus simple de noter la règle commune à tous dans la description du style au début du document. Cette règle CSS ressemblera à ceci: a img {border: none;} Elle doit être placée dans le bloc de description de style, et le bloc lui-même doit être placé avant la balise fermant le titre de la page:

a img {bordure: aucune;}

Étape 3

Non seulement les images, mais aussi les liens de texte simples dans certains types de navigateurs ont un problème similaire - si un visiteur clique sur le lien, une bordure en pointillé restera autour de celui-ci. Pour sauver votre page de cette erreur de conception, ajoutez la règle de lien suivante aux descriptions de style:

un img {contour: aucun;}

Conseillé: