展望HTML電子郵件簽名

嗨我已經創建了Outlook的電子郵件簽名，它似乎迄今爲止工作正常，除了一件事。 Outlook似乎把我的html和輸出它不同於我實際創建的。它添加了各種p類和span類，並更改了內聯css。展望HTML電子郵件簽名

這是我的代碼如下所示：

<table cellpadding="0" cellspacing="0"> 
    <tr> 
     <th rowspan="7" style="padding-right:10px;"> 
      <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png"/> 
     </th> 
     <th rowspan="7" style="padding-right:2px; ; background-color:#FFEA66;"> 
     </th> 
      <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 13px; font-weight: bold; font-family: sans-serif; text-transform:uppercase;"> 
       Franke Hendrik Toornstra 
      </td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Président</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Expert en Management public</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">skype: franketoornstra</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">cell: +1 418 446 2113</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">tel/fax: +1 418 903 1647</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;"><a href="http://actforperformance.com">www.actforperformance.com</a></td> 
    </tr>

一切都被改變了周圍，字體大小地轉化爲點，都得到小得多。「skype：franketoornstra」這一行輸出在兩條獨立的行上，都包含在<p class="MsoNormal>和a中。

實際上所有的文本元素都被封裝在<p class="MsoNormal>中，並獲得12px字體大小的樣式。結果是字體大小不變，但行間距設置爲容納12px，所以行距太大，因爲我的字體較小。

由於我在做內聯樣式，所以我無法通過樣式化由Outlook創建的特定類來修復它。因此，如果Outlook以這種方式表現出來，那麼我對於如何創建html簽名感到有點困惑。

來源

2013-12-03 fred

屬於上：http://superuser.com/ –

剛剛發佈的超級用戶，並來到這裏送回 – fred

MsoNormal問題在Outlook中是不可避免的。由於它使用MS Word引擎來呈現html電子郵件，因此它將所有內容都包裝在p標籤中。 Outlook中的最小tr高度爲19px，這可能是行擴展的原因。

不幸的是，你將不得不圍繞這些怪癖進行設計。這裏是你的簽名在一個更友好的Outlook格式：

<table width="400" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="87" height="82"> 
     <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png" width="77" height="82" style="margin: 0; border: 0; padding: 0; display: block;"> 
    </td> 
    <td width="3" bgcolor="#FFEA66"> 

    </td> 
    <td width="310" height="82" style="padding-left:10px; font-family: sans-serif; color: #747b82; font-size: 12px;"> 
     <font style=" text-transform:uppercase; font-size:13px;"><b>Franke Hendrik Toornstra</b></font><br> 
     <b>Président</b><br> 
     <b>Expert en Management public</b><br> 
     skype: franketoornstra<br> 
     cell: +1 418 446 2113<br> 
     tel/fax: +1 418 903 1647<br> 
     <a href="http://actforperformance.com">www.actforperformance.com</a> 
    </td> 
    </tr> 
</table>

來源

2013-12-03 19:29:45 John