您好我已经为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签名。
答案 0 :(得分:8)
在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: +1 418 446 2113<br>
tel/fax: +1 418 903 1647<br>
<a href="http://actforperformance.com">www.actforperformance.com</a>
</td>
</tr>
</table>
答案 1 :(得分:0)
您是否尝试过现成的选项?像email signature.com这样的公司通过拉出表格和div以及通过旧学校HTML降价渲染图像来解决不一致的MSOutlook重新调整大小问题。这听起来很古老,但它是驱动签名一致呈现的唯一方法 - 尤其是那些带有徽标文件的签名。
完全披露:我将他们的云解决方案用于我们的Office 365部署Outlook。
答案 2 :(得分:-2)
将Skype ID添加到电子邮件签名: