2010-11-25 10 views
3

すべてのクライアントで正しく動作するhtmlメール以外の Outlook 2003では、リンクにアンダーライン(text-decoration: none;でさえ)とfont-sizeの変更が小さくなっています。コードからOutlook 2003とフォントサイズ

抜粋:

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

そして約11または12ピクセルにこのfont-size変更。

アイデア?

答えて

3

ロトのマークアップのがあなたのコードインチ

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

重要なことは、注意する:それは内spanを置くさらに騒ぎがなければ見通し2003へメールを送信するときに、下線のないリンクを持つことが完璧に動作しますので - 私はちょうど電子メールを送信すると、Outlook 2010のマークアップがどのように見えるか試してみましたスタイリングのためのリンク。何も使用しない<font>

Outlookにはオートコンプリートのハイパーリンク機能があります - AFAIKこれはあなたが入力したテキストのみですが、ショットに値するかもしれません。クライアントがあなたのリンクに下線を引いてオートコンプリートしているのでしょうか? (本当に推測する)。オートコンプリートのオンにする修正プログラムは、(1がまだレジストリにいじるとHKEY_CURRENT_USER\Software\Microsoft\Office\11.0\Outlook\PreferencesDisableAutoUrlCompletionという名前のDWORDを作成する必要がある)hereリンクがあります。

ここで完全性のために、Outlook 2003で完全に電子メールを送信した完全な電子メール本文は、Outlook 2003に完全に表示されています(同じフォントサイズ、下線なし - すべて同じ)。 [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> 
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/

関連する問題