3

Outlook 2003を除くすべてのクライアントで正しく機能するhtmlメールがあります。ここでは、リンクに下線があり( text-decoration: none;)があり、font-size変更が小さくなっています。

コードからの抜粋:

<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>

サンプルリンク:

<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>

そして、これfont-sizeは約11または12pxに変わります。

何か案は?

4

2 に答える 2

3

そこにあるコードにはたくさんのマークアップがあります。電子メールを送信するときにOutlook2010のマークアップがどのように表示されるかを試しました。これは、Outlook 2003にメールを送信するときに、アンダースコアのないリンクが問題なく機能するためです。

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

注意すべき重要なこと:それはspanスタイリングのためのリンク内に配置されます。何も使用し<font>ません。

Outlookには、ハイパーリンクをオートコンプリートするための優れた「機能」があります。これは入力したテキスト専用ですが、一見の価値があるかもしれません。クライアントがリンクをオートコンプリートして下線を引いているのではないでしょうか。(本当に推測しているだけです)。ここに自動完了リンクをオフにする修正プログラムがあります(レジストリをいじって、で名前が付けDisableAutoUrlCompletionられたDWORDを作成する必要がありますHKEY_CURRENT_USER\Software\Microsoft\Office\11.0\Outlook\Preferences)。

ここで完全を期すために、Outlook2010で送信された非常に単純な電子メールの完全な電子メール本文がOutlook2003で問題なく表示されます(同じフォントサイズ、アンダースコアなし-すべて同じ)。[念頭に置いてください-Arialが使用されていたとしても、Calibriスタイルのように、実際には必要のないMicrosoftの「ジャンク」がたくさんあります]

<!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>
于 2010-12-01T08:59:38.187 に答える
0

@Neurofluxation:試してみてください-

抜粋:

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

リンクの場合:

<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>

多数の電子メールクライアントにわたるCSSサポートの便利なガイドもあります:http://www.campaignmonitor.com/css/

于 2010-11-25T19:39:52.277 に答える