5

嗨，我已经为 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 签名感到有点困惑。

4

3 回答 3

7

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-03T19:29:45.660 回答
0

您是否尝试过现成的选项？电子邮件 signature.com等公司通过提取表格和 div 并通过老式 HTML markdown 呈现图像来解决不一致的 MSOutlook 调整大小问题。这听起来很古老，但它是驱动签名一致渲染的唯一方法 - 尤其是那些带有徽标文件的签名。

全面披露：我将他们的云解决方案用于我们的 Office 365 部署 Outlook。

于 2014-03-12T02:57:30.070 回答
-2

将 Skype id 添加到电子邮件签名： 将 Skype id 添加到电子邮件签名

于 2015-04-13T07:08:33.957 回答