Comment puis-je supprimer le soulignement de liens dans mon e-mail HTML?
<td width="110" align="center" valign="top" style="color:#000000;">
<a href="https://example.com" target="_blank"
style="color:#000000; text-decoration:none;">BOOK NOW
</a>
</td>
J'ai utilisé ce code pour faire un lien dans mon e-mail HTML. Dans les navigateurs et les Perspectives qu'il fonctionne bien, mais dans GMail, Hotmail, et ymail il montre les liens soulignés.
Quelqu'un peut m'aider à me débarrasser de cette?
source d'informationauteur pubudumj
Vous devez vous connecter pour publier un commentaire.
Outlook dépouiller le style avec
!important
tag laissant au style normal, donc pas de souligner. Le!important
balise sur la règle de la messagerie basé sur le web des clients de style par défaut, laissant ainsi pas de souligner.Je vois ce qui a été répondu; cependant, je crois que ce lien fournit des informations appropriées pour que le formatage est pris en charge dans les différents clients de messagerie.
http://www.campaignmonitor.com/css/
Il est intéressant de noter que GMail et Outlook sont deux des plus pointilleux au format HTML email pour.
Utiliser !important dans la décoration de texte de la règle.
<a href="#" style="text-decoration:none !important;">LIVRE MAINTENANT</a>
Je pense que si vous mettez une durée de style après le
<a>
tag avectext-decoration:none
il fonctionne dans la majorité des navigateurs /les clients de messagerie.Comme dans:
Après une demi-journée à la recherche dans ce (et 2 ans depuis que cette question a été ouvert) je crois que j'ai trouvé une réponse exhaustive à cette.
(Vous devez le texte-underline bien sur la durée de l'intérieur le lien et l'étiquette de police pour modifier la couleur)
Un autre moyen de tromper Gmail (pour les numéros de téléphone): utiliser un
~ au lieu d'un
-
404-835-9421 --> 404~835~9421
Il vous permettra de gagner (ou de moins en moins aux utilisateurs avertis 😉 le voyage dans le code html de voie.
J'ai trouvé une autre façon de supprimer des liens dans outlook que j'ai testé jusqu'à présent. si vous créez une classe vide, par exemple dans votre css dire .vide {} et puis effectuez les opérations suivantes pour vos liens, par exemple:
cela a fonctionné pour moi, j'espère que ça va aider quelqu'un qui est toujours de la difficulté à prendre le soulignement des liens dans outlook. Si quelqu'un a une solution pour gmail s'il vous plaît pourriez-vous m'aider a tout essayé dans ce fil, rien ne fonctionne.
Grâce
Complètement "cacher" les souligner pour
<a>
à la fois de l'application de messagerie et le navigateur web, pouvez effectuer les opérations suivantes façon délicate.Couleur en 1ère
<span>
est celui que vous n'avez pas besoin, DOIT réglé votre couleur d'arrière-plan. (rouge ici)Couleur en 2ème
<span>
est la pour votre texte pour le bouton. (blanc ici)J'ai utilisé une combinaison de ne pas montrer les liens dans google, ajout de liens pour mso (outlook) et la timide tag, pour garder le ressemble et se sent pour mon entreprise. Certains codes peuvent être redondantes (pour mon entreprise le regarde où plus important que l'être cliquable. (il se sentait comme un puzzle, chaque changement de freins à autre chose)
Espère que cela aide quelqu'un
J'ai ajouté les deux déclarations sur le a href qui a travaillé dans outlook et gmail apps. outlook ignore les !important et gmail besoins. Les versions Web de e-mail de travailler avec les deux/.
Tous les clients de messagerie ajuster le code HTML et le code CSS que vous fournissez par
leurs propres règles:
par exemple: gmail supprime tout, mais l'intérieur HTML de la balise body.
1. pour la plupart des autres clients, vous pouvez avoir un style d'une balise d'en-tête
remarque: ne pas utiliser les CSS des commentaires comme YAHOO!Le courrier pourrait vous causer des problèmes.
2. pour être sur enregistrer côté ajouter le même code en ligne dans l'Une balise comme vous l'avez fait et un supplément de balise span ainsi (les règles de style dans les balises obtenir souvent supprimé)
Tout dépend du client de messagerie s'il veut afficher le soulignement sous le lien ou pas. Dès maintenant, les styles dans le corps ne sont pris en charge par:
http://www.campaignmonitor.com/css/
Utilisation
text-decoration:none !important;
au lieu detext-decoration:none;
pour vous assurer de "perdre" le souligner.Ici dans http://www.campaignmonitor.com/css/une belle explication pour dire que c'est limité! Et un très bon guide pour savoir toutes les limitations de CSS dans les clients de messagerie.
Que vous pouvez faire "redondant style" et cela devrait résoudre le problème. Vous utilisez le même style que vous avez sur la, mais de l'ajouter à un dans la .
Exemple:
Pendant l'affichage de l'email html essayez de l'inspection de l'élément sur ce lien et de voir ce qui est de l'écraser. L'utilisation de cette classe et de définir ce style nouveau dans votre tête de style et de définir les text-decoration: none !important;
Dans mon cas, ce sont les classes qui sont d'écraser mon style en ligne ainsi déclaré sur la tête de mon e-mail en html et défini le style que je veux en œuvre.
Il a travaillé pour moi, j'espère qu'elle va travailler sur votre.
Code comme les lignes ci-dessous a travaillé pour moi dans Gmail client Web. Un non souligné de noir lien a montré dans l'e-mail. Je n'ai pas utilisé le imbriquée
span
tag.Remarque: Gmail enlever toute erreur de styles en ligne. E. g. code comme dans la ligne ci-dessous aura ses styles en ligne tous les dépouillé.
J'ai copié ma page html et le coller dans word.
Modifié la signature de mot de supprimer les espaces où le soulignement est placé et de faire mes propres "padding" presssing barre d'espace.
Copier à nouveau et collé à Outlook 2013.
A bien fonctionné pour moi.
La décoration de texte n'était pas de travail pour moi, alors j'ai trouvé un message électronique dans outlook qui ne disposent pas de la ligne et de vérifier le code:
C'est de travailler pour moi.
Vous devriez écrire quelque chose comme cela.