Outlook HTML邮件签名

Question

你好，我已经为Outlook创建了一份电子邮件签名，目前似乎工作正常，但有一个问题。Outlook似乎会以不同于我实际创建的方式输出我的HTML。它添加了各种p类和span类，并更改了行内CSS。

这是我的代码：

<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: [phone]</td>
    </tr>
    <tr>
      <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">tel/fax: [phone]</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> 和一个 .

实际上，所有的文本元素都被包裹在 <p class="MsoNormal> 中，并使用了 12px 的字体大小进行样式设置。结果是字体大小没有改变，但是行间距被设置为适应 12px，所以行间距太大了，因为我的字体比较小。

我无法通过样式化 Outlook 创建的特定类来修复它，因为我正在进行内联样式设置。所以我有点困惑，不知道任何人如何能够创建一个 html 签名，如果 Outlook 的行为是这样的话。

- fred

---

适用于：http://superuser.com/ - Diodeus - James MacFarlane

刚在Superuser上发布了问题，结果被退回到这里。 - fred

Answer 1

在Outlook中，MsoNormal问题是不可避免的。这是因为它使用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: [phone]<br>
      tel/fax: [phone]<br>
      <a href="http://actforperformance.com">www.actforperformance.com</a>
    </td>
  </tr>
</table>

- John

Answer 2

在电子邮件签名中添加Skype ID：

- Abhijeet