Outlook 电子邮件签名 - 标头？答案

【问题标题】：Outlook Email Signature - header?Outlook 电子邮件签名 - 标头？
【发布时间】：2012-02-06 10:25:27
【问题描述】：

我一直在尝试让一个特定的设计用于电子邮件签名，但没有任何运气，我觉得这是不可能的，但也许有人有解决方案。

问题是有一个小图像需要高于类型的第一行。 IE。 [图片] [在此输入] [签名详细信息 - 例如电话号码]

如果我正常制作，Outlook 总是在图像前插入换行符并将光标放在那里，如果不点击那里（例如，在键入主题后按 Tab），我无法让光标在图像之后开始。

我尝试将图像设置为 div/span/table 的背景图像，我尝试使用 css 将 margin-top 设置为负数，但问题似乎源于 Outlook 插入它为输入而创建的 div 之后的签名。

有没有人有建议或者我的任务是徒劳的？

【问题讨论】：

标签： html css outlook signature

【解决方案1】：

哪个版本的 Outlook？

尝试将其添加到图像中：

style="display:block;"

P.S - 背景在某些版本的 Outlook 中不起作用，除非您执行某种条件语句，否则您需要测试您的电子邮件在 Microsoft Word（MSO 渲染引擎）中的渲染方式。

http://www.campaignmonitor.com/css/

【讨论】：

Outlook 2003 及更高版本。感谢您的建议，不幸的是我已经尝试过了。问题是光标仍然放在图像之前，而不是之后。我知道 Outlook 版本的背景图像问题，主要是为了测试我是否能找到任何方法让它工作。
你有什么办法可以提供一些代码让我重现这个吗？
这应该给你一个例子 - 你可以使用任何图像作为 header.jpg:<img src="header.jpg" width=640 height=54 style="padding-bottom: 5px;"> Jason Sales Director <img src="logo.jpg" width=165 height=49>

【解决方案2】：

你需要在body上设置一个background-image和padding-top等于图片的高度。

我不久前做了类似的事情来解决你提到的“光标问题”。我不记得它适用于哪个版本的 Outlook，但没有人报告过它有任何问题。

正如 Kyle R 所提到的，您绝对应该测试您的电子邮件在不同客户中的呈现方式。

【讨论】：

关于测试，我建议litmusapp.com - 这是一个很棒的工具，试用期结束后需要付费，但有 14 天的免费试用期，您可以随时取消。
如此接近！我可以使用您的方法使其适用于 Outlook 2003，但遗憾的是它不适用于 2007/2010。

【解决方案3】：

电子邮件可以是多部分消息。这意味着正文可以有多种编码。每种编码都有自己的标头：

MIME-Version: 1.0
Content-Type: multipart/mixed; boundary=frontier

This is a message with multiple parts in MIME format.
--frontier
Content-Type: text/plain

This is the body of the message.
--frontier
Content-Type: application/octet-stream
Content-Transfer-Encoding: base64

PGh0bWw+CiAgPGhlYWQ+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHA+VGhpcyBpcyB0aGUg
Ym9keSBvZiB0aGUgbWVzc2FnZS48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==
--frontier--

(example from here)

在大多数客户端中，默认编码是Content-Type: text/plain。但是，添加图像会将编码切换为例如。 base64.

每个新编码都从新行开始。我认为这会给您带来麻烦，因为这会自动将您的文本/光标放在图像下方。解决此问题的一种方法是将整个消息编码为html - 图像和文本，使用img 标记，内联。

我认为，单击图像旁边的按钮会让您在不知不觉中做到这一点。

【讨论】：