web-dev-qa-db-fra.com

comment supprimer la bordure d'une image hyperlien?

<li><a href="#" ><img src="images/hospitality.png" title="" /></a>

L'image du problème s'affiche dans un rectangle bleu dans IE et Mozilla mais pas dans Chrome. Comment puis-je supprimer ce cadre bleu de IE = aussi?

htmlhyperlink
21
nectar

Ou ajoutez-le en ligne à l'élément img:

<li>
    <a href="#">
        <img style="border: 0;" src="images/hospitality.png" title="" />
    </a>
</li>
22
Alex

Vous pouvez définir ce CSS pour supprimer la bordure bleue sur chaque image d'un lien:

a img {
    border: 0;
}
46
Douwe Maan

La solution "border = 0" fonctionne, mais elle n'est pas très facile à mettre en œuvre car elle nécessite son ajout dans chaque image de lien que vous mettez dans votre projet.

La meilleure solution consiste à inclure la balise suivante dans les balises <head> ... </head> De votre page, qui peuvent se trouver dans une page maître afin que toutes les pages intérieures en soient inhérentes à la page maître

<style type="text/css">
    <!--
    img { border: none; }
    -->
</style>
9
M009

css externe

img {border : 0;}
img a {outline : none;}

css interne

<style type="text/css">
  img { border: none; }
</style>

css en ligne

<img src="logo.png" style="border-style: none"/>
5
user2645981

Pour supprimer cette bordure, vous devez définir la bordure sur aucune.

  a img 
        {
        border:none;
        }
1
NR65