我在组合公司电子邮件签名时遇到了一些问题,该签名在不同邮件提供商之间在视觉上是一致的。

我使用了各种在线指南(在此邮件末尾列出),但还有最后一个我似乎无法解决的问题。

在Outlook.com中,表格高度似乎不必要地低了很多,如下面的比较所示(请注意红色标记)。

Outlook 2013:

Outlook签名

Outlook.com:

Outlook.com签名

HTML:

<table border="0" cellspacing="0" cellpadding="0" height="118">
<tr>
    <td align="left" width="202" height="118" style="padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;line-height:0px; margin-bottom:0px; border-right-color:#005f6b; border-right-width:1px; border-right-style:solid; margin-bottom:0px;"><img src="http://i.imgur.com/ClMZi3M.gif?1" width="202" height="118" alt="My Logo"></td>
    <td align="left" style="padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; margin-bottom:0px;" height="118">
        <p style="font-family:'Calibri','tahoma','sans-serif'; font-size:13px; line-height:19px; color:#262626; margin:0px 0px 0px 0px; padding:0px;margin-bottom:0px;">
            <font style="font-size:15px;"><b>Joe Soap</b> | Senior Developer</font>
            <br/>
            Telephone: <a href="skype:CompanyName?+27 21 777 7777" style="color:#005f6b; text-decoration: none;">+27 21 777 7777</a>
            <br/>
            Mobile: <a href="skype:Joe Soap?+27 88 888 8888" style="color:#005f6b; text-decoration: none;">+27 88 888 8888</a>
            <br/>
            Address: <font style="color:#005f6b">Some Address, 7700, Cape Town, South Africa</font>
            <br/>
            Website: <a href="#" style="color:#005f6b; text-decoration: none;">www.somecompany.com</a> | <a href="#" style="color:#005f6b; text-decoration: none;">www.anotherdomain.com</a>
            <br/>
            Email: <a href="mailto:myemailaddress@somecompany.cm" style="color:#005f6b; text-decoration: none;">myemailaddress@somecompany.com</a>
        </p>
    </td>
</tr>
</table>

有谁知道这可能是什么?

#1楼 票数:0 已采纳

您所看到的是Outlook.com的行高增加的“功能”。

您需要做的是将<div class="ExternalClass>放在打开后和结束<body>

在您的<style>标记中,添加.ecxExternalClass{line-height:100% !important;}

Outlook在HTML和样式标签中的所有类前面加上“ ecx”。 如果您已经有了ecx,它将在样式标签中将其忽略。

  ask by Dave New translate from so

未解决问题?本站智能推荐:

1回复

HTML电子邮件-在Outlook.com帐户中隐藏内容

我使用以下条件语句在Outlook中隐藏了内容,以响应HTML电子邮件, 但是,我现在正在测试,它对于Outlook应用程序确实工作正常,但是Outlook.com隐藏了此代码之后的所有内容。 我使用它来隐藏正文内容开头的pre标头,但这导致电子邮件为空白。 我正在使用自己的outloo
2回复

Outlook.com的HTML条件语句

我正在尝试在HTML电子邮件模板中使用两个条件语句。 该语句正在测试MS Outlook客户端,如果为true,它将渲染图像,否则将单击下一条语句以测试该客户端不是MS Outlook,然后渲染一些单独的HTML。 <!--[if mso]> ... <!--<![e
4回复

Outlook.com如何在特定类中定位css

我正在设计一个 HTML 电子邮件,并且在我测试过的电子邮件客户端中使它看起来尽可能好。 我现在正在检查它 Outlook.com 并且它有一些问题(可能是因为它们不支持边距)所以我想为该客户端添加一些条件样式。 我知道 Outlook.com 将电子邮件包装在一个.ExternalClass类中,
1回复

Outlook.com显示错误的图像?

我正在建立电子邮件,由于某种原因,特定的图像URL在Outlook.com中不起作用 此图像(位于“恒定接触”上)是蓝色的钻石,我们正在将其用作精美的子弹头。 当我在Outlook.com中查看它时,菱形显示为红色,并且URL完全更改为以下链接: 这颗红色钻石来自何方? 有任何想法
1回复

HTML电子邮件-Outlook.com/HotmailCSS覆盖样式

我正在处理一封电子邮件,该邮件在hotmail中的<p>标签之间存在间距问题。 我用了 但看起来Hotmail已经改变了他们的CSS结构。 我检查了文件,并且调用了一个外部CSS ,它控制段落格式并剥离头部中的任何内联样式或样式,特别是控制<p>的边距。 这个
1回复

为HTML电子邮件添加额外的p和span标签

我的html电子邮件布局如下; 的HTML 上面的代码可用于gmail,Outlook 2007,outlook.com。 但是,如果我将这封邮件从Outlook 2007转发到Outlook.com,则电子邮件会像这样中断; Outlook为图像的锚定标记添加了额外的p和span
1回复

Outlook.com和gmail.com的HTML电子邮件问题

HTML 我正在发送html电子邮件(类似于上面的代码),但gmail.com和Outlook.com中的邮件发送器不正确。 他们都在a标签周围添加p标签,然后在img标签周围插入span标签; 因此看起来tr标签之间的差距。 我该如何解决?
1回复

如何在Outlook.com中发送HTML电子邮件

我需要在Outlook.com中创建HTML电子邮件的帮助。 我查看了设置,但没有看到任何信息。 我也在网上和其他Stackoverflow问题中进行搜索,但找不到真正的答案。 我的电子邮件非常简单,但是每次发送时,我所看到的只是HTML代码。 <html> <b