Outlook 2007 des changements de styles de liens dans un e-mail HTML pour avoir un bleu de souligner lors de l'envoi à Hotmail, Gmail, etc. Toutes les corrections?
J'ai été en utilisant le HTML des modèles de courriels que j'ai obtenu à partir de http://www.campaignmonitor.com/templates/
Et sur tous les exemples que j'ai vécu lorsque j'envoie un e-mail à l'aide du modèle HTML, tous les liens sont donnés à l'horrible défaut en bleu souligné. Les e-mails sont envoyés à l'aide d'Outlook 2007 et quand elles sont considérées dans Outlook, ils sont beaux. Cependant, dans Hotmail et Gmail, ce bleu souligner persiste indépendamment de ce que la couleur du texte.
J'ai essayé inline style de la balise comme ceci:
<a href="./" style="color: #E3A216; text-decoration: none;">Mauris commodo hendrerit risus</a>
Si j'utilise exactement le même e-mail en HTML le code du modèle et de l'envoyer à partir de mon compte hotmail vers un autre compte hotmail, il fonctionne parfaitement. Donc, pour moi, c'est un Outlook 2007.
J'ai été en mesure de disséquer le code html que outlook envoie à la hotmail destinataire et a constaté que Outlook attache une feuille de style sur le dessus de code HTML. C'est ce qu'il envoie:
<style>
.ExternalClass .ecxshape
{;}
</style>
<style>
.ExternalClass p.ecxMsoNormal, .ExternalClass li.ecxMsoNormal, .ExternalClass div.ecxMsoNormal
{margin-bottom:.0001pt;font-size:11.0pt;font-family:'Calibri','sans-serif';}
.ExternalClass a:link, .ExternalClass span.ecxMsoHyperlink
{color:blue;text-decoration:underline;}
.ExternalClass a:visited, .ExternalClass span.ecxMsoHyperlinkFollowed
{color:purple;text-decoration:underline;}
.ExternalClass p.ecxMsoAcetate, .ExternalClass li.ecxMsoAcetate, .ExternalClass div.ecxMsoAcetate
{margin-bottom:.0001pt;font-size:8.0pt;font-family:'Tahoma','sans-serif';}
.ExternalClass span.ecxEmailStyle17
{font-family:'Calibri','sans-serif';color:windowtext;}
.ExternalClass span.ecxBalloonTextChar
{font-family:'Tahoma','sans-serif';}
.ExternalClass .ecxMsoChpDefault
{;}
@page WordSection1
{size:612.0pt 792.0pt;}
.ExternalClass div.ecxWordSection1
{page:WordSection1;}
</style>
.ExternalClass semble être de définir les valeurs de la balise, mais mon inline style ne semble pas être écraser quelles Perspectives est d'ajouter à l'e-mail.
J'ai essayé de créer une feuille de style dans la section d'en-tête, et même dans la section de corps, mais cela ne fait rien.
Quelqu'un sait-il un correctif pour cela? Soit je veux débarrasser de le souligner, ou même juste le souligner affichage dans la couleur que j'ai spécifié pour les liens.
Merci à tous ceux qui peuvent aider.
- avez-vous jamais résoudre ce problème? eu le même problème.
Vous devez vous connecter pour publier un commentaire.
Mise à jour: Cette réponse était correcte au moment de la rédaction en 2012, mais ne semble pas fonctionner.
Habillage de texte avec un
<span>
balise avec unstyle
attribut.Vous devriez également utiliser
<font>
d'être très prudent.Par exemple:
<a href="mailto:...">...</a>
avec votre style personnalisé, et les Perspectives ne touche pas plus. Même pour les numéros de téléphone, mais vous pouvez utilisertel:
au lieu demailto:
.Pour se débarrasser du bleu dans Gmail, il suffit de changer la couleur #000000 et #000001. Gmail fait tout noir les liens en bleu.
En fait, inline-styles sont la seule façon de style de votre texte, mais le meilleur moyen est de le déclarer à plusieurs reprises. À l'aide de la POLICE-tag comme mentionné ci-dessus n'est pas de faire le tour de tous les clients de messagerie.
La façon correcte d'utiliser la POLICE-tag pour les e-mails HTML:
La meilleure façon pour le style de votre texte, est de faire comme ceci:
J'ai mis un style supplémentaire dans le tête, qui s'appliquent dans Outlook (mais pas dans Gmail):
Si votre problème est aussi simple que de ne pas être en mesure de remplacer les Perspectives de la feuille de style, vous devriez essayer de le
!important
déclaration avec vos styles en ligne, par exempleVous ne devriez pas être en utilisant des styles, en ligne ou autrement, dans les modèles d'e-mail. Obsolète code est à l'ordre du jour et le soulignement de la police est évité par (en)de la bonne application de la police de la couleur de la déclaration de autour de le lien lui-même, même si elle est déjà à l'intérieur d'une déclaration de police pour le texte environnant. Exemple:
Profiter. Les e-mails HTML sont très en arrière dans la façon dont ils doivent être construits afin de satisfaire tous les clients de messagerie.
C'est un bogue connu dans Outlook que si une balise d'ancrage ne contient pas une URL valide, le style défini sera probablement ignoré.
J'ai eu un gros gâchis avec ce problème, mais je trouve une solution.
Disons que vous voulez faire le lien rouge, sans style pour un hover situation:
Si vous manquez quelqu'un de ces 4 états ou de le faire dans un autre ordre que cela pourrait causer à votre lien de style de ne pas travailler. Il travaille dans un gmail client ainsi.
Je ne me souviens pas où j'ai trouvé cette solution, mais j'ai mis le code CSS suivant dans le
<head>
de mes e-mails (enveloppé dans un<style>
balise de cours.Pas - N'utilisez pas de Balises de Polices. Étiquette de police s'afficher différemment à partir d'un client de messagerie-internet navigateur combinaison à d'autres. Vous pouvez le tester.
Changements dans les balises de Polices:
Différente de la hauteur de ligne
Différents jeux de caractères, l'espacement des mots
Pour éviter cela, utilisez toujours
<span style=font-family: or <td style=font-family:
..Aussi
Correctif pour Outlook et d'autres clients de messagerie :
Dans ce cas, outlook ignore !important, mais le web les clients de messagerie ne. C'est pourquoi nous devons le répéter le même CSS déclaration de deux fois et une autre fois sur le .. pare-balles technique!