Si vous créez des sites Web, vous devez absolument prendre en compte les paramètres d'affichage des pages dans les navigateurs des visiteurs. En particulier, les images placées à l'intérieur des balises de lien sont décrites par les navigateurs avec une bordure bleue d'un point (pixel) de large par défaut. Cela doit être pris en compte à la fois lors de la définition de la taille des éléments de page et lors de la détermination de leur conception de couleur. Il existe une solution alternative au problème - utiliser HTML et CSS pour forcer les navigateurs à ne pas afficher le cadre.
Instructions
Étape 1
Si pour votre version de la conception de la page, il suffira de supprimer la bordure d'une image spécifique avec un lien ou quelques-unes, alors il suffira d'ajouter l'attribut border avec une valeur zéro à leurs balises. Avec cet ajout, le code HTML des images avec des liens peut ressembler à ceci: Vous pouvez également utiliser les attributs de style - ces options sont équivalentes. Avec l'attribut style et une valeur de bordure zéro spécifiée, le même code ressemblerait à ceci: Lors de l'utilisation de l'attribut style, la valeur zéro (0px) peut être remplacée par le texte "aucun" (sans guillemets).
Étape 2
Si vous souhaitez empêcher l'apparition d'un cadre pour absolument toutes les images avec des liens placés sur la page, il est plus facile de le faire à un seul endroit dans le code HTML. Pour ce faire, une description des styles de pages avec une règle commune à tous les liens doit être placée dans la partie titre du document (entre les balises et). Vous pouvez écrire cette règle comme ceci: a img {border: none;} Elle doit être placée à l'intérieur d'une balise qui indique au navigateur qu'il existe une description des styles en CSS ici:
a img {bordure: aucune;}
Étape 3
Si vous utilisez des scripts JavaScript dans une page qui effectuent des actions lorsque vous cliquez sur un lien texte sans passer à une autre page, un cadre en pointillé similaire subsiste après avoir cliqué dans certains navigateurs et autour du lien texte. Pour empêcher cette modification non autorisée de votre conception, ajoutez une règle appropriée pour les liens de texte vers le bloc de description de style CSS:
un {contour: aucun;}
