html - 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: +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> 中和一个。

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

我无法通过设置 outlook 创建的特定类的样式来修复它，因为我正在进行内联样式设置。因此，如果 outlook 以这种方式运行，我对任何人如何创建 html 签名感到有点困惑。

Answer 1

MsoNormal 问题在 Outlook 中是不可避免的。因为它使用 MS Word 引擎来呈现 html 电子邮件，所以它将所有内容都包装在 p 标签中。 Outlook 中还有 19px 的最小 tr 高度，这可能是您的行扩展的原因。

不幸的是，您必须围绕这些怪癖进行设计。这是您的签名，格式更加 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>