Effacer bordure bleue sur l'image dans le HTML e-mail
Im essayant d'envoyer un e-mail en HTML et j'ai ce bout de code:
<a href="#">UP ;<img src="arrow.png" /></a></div>
Mais theres une bordure bleue autour de mon image. Comment puis-je me débarrasser de lui. Merci.
Ok,. les gars. J'ai eu des problèmes de Cache. Il fonctionne maintenant. Je ne sais pas laquelle est la bonne réponse et je n'ai pas l'intention de jouer plus avec le code, mais Mal vous donner à tous une bonne réputation. Merci!
OriginalL'auteur Enrique Moreno Tent | 2011-07-27
Vous devez vous connecter pour publier un commentaire.
Malheureusement, la meilleure solution est d'utiliser la obsolète
border
attribut depuis pas tous les lecteurs de courrier électronique analyser/appliquer le style CSS... en tant que distincte de la section style, une feuille séparée ou intégrée dans le code HTML. Si vous avez une garanti public (tout en utilisant le même email viewer), puis par tous les moyens d'utiliser les CSS si vous le pouvez.Pour le test ici est un simple document HTML qui devrait montrer toutes les solutions proposées:
Dans mon navigateur (Firefox) 1,2,4 montrer frontières (de la bordure par défaut sur le 1,4 est plus épais), tandis que 3,5,6 montrent aucun... cependant, 5 & 6 appuyer sur le client de messagerie d'être en mesure d'analyser CSS, 6, en particulier, peuvent obtenir vraiment louche avec webmail clients (qui plaisante avec des classes de style sur la base des éléments parce qu'ils ont leur propre feuille de style CSS).
Avez-vous d'autres styles dans la page qui peut être majeur? L'image ont un intégré à la frontière? Est-il possible de la
A
élément a une couleur d'arrière-plan, tandis que l'IMG a une marge de sorte qu'il ressemble à une frontière?OriginalL'auteur Rudu
avez-vous essayé quelque chose comme ceci:
?
OriginalL'auteur Evan Teran
Réglage de la
border: 0 none;
propriété CSS devrait corriger cela, si vous voulais que ça se produire sur toutes les images enveloppé dans des liens, vous pouvez l'utiliser en tant que tel:Pour une utilisation dans un e-mail, vous devrez peut-être inclure un bloc de style dans le réel e-mail:
jsFiddle Exemple
Ne fonctionne pas de style en ligne aucun 🙁
Avez-vous d'inclure un bloc de style dans l'e-mail? Ce peut remédier à ce problème.
Yep... toujours rien..
comment êtes-vous la vérification de votre e-mail?
OriginalL'auteur Rion Williams
Votre image est à l'intérieur d'une balise de lien (
<a>
). La bordure bleue est causée par le style par défaut de la liaison. Pour résoudre ce écraser de styles CSS du lien réglage de laborder
propriété à 0:OriginalL'auteur amosrivera
Être extra bon côté, spécifiez pas de frontière dans les deux balises.
OriginalL'auteur Dr Madvibe
Cette question est une question de quelques mois, mais je me suis retrouvé ici avec la même question, donc j'espère que cela peut sauver quelqu'un le temps que j'ai perdu.
La td a une couleur d'arrière-plan de néon bleu et par défaut a un peu de rembourrage.
Je viens de style le td avec...
Je savais tout sur le style de bordure par défaut, et n'avait pas eu le td d'arrière-plan par défaut dans les clients de messagerie, j'avais déjà testé, mais il continuait d'apparaître dans gmail.
OriginalL'auteur Spera
Voir si cela fonctionne:
S'il vous plaît laissez-moi savoir si cela fonctionne.
OriginalL'auteur Nathan
Ajoutant
style="background:none;"
àtd
ou l'ajout de<style>a img {border:0 none;}</style>
a travaillé pour moi.OriginalL'auteur user3902273