Outlook 2003 und Font-Größen

StackOverflow https://stackoverflow.com/questions/4279195

  •  28-09-2019
  •  | 
  •  

Frage

ich eine HTML-E-Mail haben, die richtig in jedem Client arbeitet außer Outlook 2003, wo die Links Unterstreichungen haben (auch mit text-decoration: none;) und der font-size ändert, kleiner sein.

Auszug aus dem Code: 

<td valign="top" align="left" style="line-height: 31px; font-size: 31px;">
                    <font face="Arial, Helvetica, sans-serif" size="3" color="#6b565d" style="line-height: 60px; font-size: 62px;"><strong>25% off</strong></font>
</td>

Beispiel-Link: 

<font face="Arial, Helvetica, sans-serif" size="3" color="#ffffff" style="line-height: 16px; font-size: 22px;"><a href="<squeeze.attribute.link.story01_text>" title="Book your sale room now" style="color: #ffffff; text-decoration: none; font-size:22px; background-color: #b50f18;"><font color="#ffffff"><strong>Mooo, I'm some text >></strong></font></a></font>

Und die font-size Änderungen auf rund 11 oder 12 Pixel.

Irgendwelche Ideen?

War es hilfreich?

Lösung

Eine Menge an Markup es in Ihrem Code. Ich habe gerade versucht, wie Outlook 2010 die Blicke Markup, wenn E-Mail-Versand - weil mit Links ohne Unterstreichungseinwandfrei funktioniert, wenn E-Mails in Outlook 2003 Ohne weitere Umschweife zu senden: 

<a href="http://example.org">
    <span style='text-decoration:none;'>My Link Text not underlined</span>
</a>

Die wichtige Sache zu beachten: Es setzt einen span innerhalb des Link für das Styling. Keine Verwendung von <font> auch immer.

hat Outlook die schönen „Feature“, um die automatische Vervollständigung von Hyperlinks - AFAIK ist dies nur für Text eingeben, aber es könnte einen Versuch wert sein, vielleicht die Kunden Ihre Links Autovervollständigen unterstrichen werden? (Wirklich nur raten). Es ist ein Hotfix aktivieren von Autovervollständigen Links hier (man noch in der Registrierung Geige braucht und erstellen Sie einen DWORD-Namen DisableAutoUrlCompletion bei HKEY_CURRENT_USER\Software\Microsoft\Office\11.0\Outlook\Preferences).

Nur die Vollständigkeit halber hier der vollständige E-Mail-Körper einer wirklich einfachen E-Mail mit Outlook 2010 problemlos in Outlook 2003 (gleiche Schriftgröße, keine unterstrichenen - alle gleich) zeigt gesendet. [Beachten Sie - viel von Microsoft „Junk“ da drin, die nicht wirklich benötigt wird, wie Calibri Stile obwohl Arial verwendet wurde] 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o=
"urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns=
"http://www.w3.org/1999/xhtml">
<head>
  <meta name="Generator" content="Microsoft Word 14 (filtered medium)" />
  <style type="text/css">
/*<![CDATA[*/
  <!--
  /* Font Definitions */
  @font-face
  {font-family:Calibri;
  panose-1:2 15 5 2 2 2 4 3 2 4;}
  /* Style Definitions */
  p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0cm;
  margin-bottom:.0001pt;
  font-size:11.0pt;
  font-family:"Calibri","sans-serif";}
  a:link, span.MsoHyperlink
  {mso-style-priority:99;
  color:blue;
  text-decoration:underline;}
  a:visited, span.MsoHyperlinkFollowed
  {mso-style-priority:99;
  color:purple;
  text-decoration:underline;}
  span.EmailStyle17
  {mso-style-type:personal-compose;
  font-family:"Calibri","sans-serif";
  color:windowtext;}
  .MsoChpDefault
  {mso-style-type:export-only;
  font-family:"Calibri","sans-serif";}
  @page WordSection1
  {size:612.0pt 792.0pt;
  margin:70.85pt 70.85pt 2.0cm 70.85pt;}
  div.WordSection1
  {page:WordSection1;}
  -->
  /*]]>*/
  </style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->

  <title></title>
</head>

<body lang="EN-US" link="blue" vlink="purple" xml:lang="EN-US">
  <div class="WordSection1">
    <p class="MsoNormal"><span lang="DE" style=
    'font-size:14.0pt;font-family:"Arial","sans-serif";color:black' xml:lang=
    "DE"><a href="http://example.org/"><span style=
    'color:black;text-decoration:none'>test</span></a></span></p>
  </div>
</body>
</html>

Andere Tipps

@Neurofluxation: Try -

Für den Auszug: 

<td valign="top" align="left">
   <span style="color: #6b565d; font-size: 62px; line-height: 60px;"><strong>25% off</strong></span>
</td>

Für den Link: 

<a href="<squeeze.attribute.link.story01_text>" title="Book your sale room now" style="background-color: #b50f18; color: #ffffff; font-size: 22px; line-height: 16px; text-decoration: none;"><strong>Mooo, I'm some text &gt;&gt;</strong></a>

Hier ist auch eine praktische Anleitung für die CSS-Unterstützung über eine Vielzahl von E-Mail-Clients: http: // www. campaignmonitor.com/css/

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top