Supprimer la ligne sous l'image dans le lien
J'ai quelques cas où je place l'image dans un lien. Normalement, si vous définissez border="0" y ligne sous le lien ne s'applique pas à l'image. Cependant, j'ai dû préciser DOCTYPE être et maintenant dans FF, je vois la ligne en vertu de toutes les images.
J'aimerais avoir mes liens soulignés, mais pas les images.
<a href="link.php"><img src="img.png" height="16" width="16" border="0"> link</a>
J'ai essayé de le résoudre avec CSS en ajoutant
a img {
text-decoration:none
}
Malheureusement, il n'a pas de travail. J'ai aussi essayé:
a img {
border:0
}
IE n'a pas de "souligner" mes images dans un lien... Toutes les suggestions sont grandement appréciés.
J'aimerais avoir mes liens soulignés, mais pas les images.
source d'informationauteur santa
Vous devez vous connecter pour publier un commentaire.
Si vous voulez avoir un cas spécial pour les liens avec les images, donner la
a
l'élément a de la classe et de supprimer le texte de décoration pour la classe:HTML:
CSS:
C'est très bien si vous seulement ont une image dans le lien, cependant, vous avez les deux texte et des images de l'intérieur de l'ancre.
La solution serait d'ajouter un
span
autour du texte à l'intérieur de l'ancre:et ajouter un supplément de style dans la feuille de style:
Une solution serait d'utiliser l'image comme image d'arrière-plan au lieu de dans le code html, probablement l'arrière-plan de l'élément parent de l'
a
.Le soulignement est à partir de la balise de ne pas l'IMG
Pour les cas où la modification du balisage n'est pas une option (l'inaccessibilité à des modèles et/ou des problèmes de), vous pouvez utiliser un peu de jQuery. Vous devrez peut-être ajuster la syntaxe pour remplacer votre CSS:
jQuery('a > img').parent().css({'text-decoration' : 'none'});
Résolu
Ce code devrait fonctionner:
<a href="#" style="color:white"><img src="#" alt="#"></a>
Il y aura un soulignement, mais parce que le soulignement est dans le
color
de blanc, personne ne va le voir que si vous avez unbackground-image
oubackground-color
autre que le blanc.Maintenant, si vous aviez un
background-color
de noir, vous pouvez simplement changer lastyle="color:white"
àstyle="color:black"
. Même si vous avez eu d'autresbackground-color
. Vous venez de changer le blanc à votrebackground-color
.Toutefois, si vous avez eu une
background-image
cela ne fonctionnerait pas.Espère que ça aide.
Si vous créez un lien vers une image, essayez les solutions suivantes:
Mes deux cents:
Boucle tous les liens et de trouver des images à l'intérieur, puis, pour chacune d'ajouter un style CSS pour le lien.
Seulement pour une image avec un lien à l'intérieur d'une précédente style de lien. N'oubliez pas de créer le style de 'no_border_image'.