Outlook 电子邮件签名 - 标头?

发布于 2025-01-02 19:58:51 字数 336 浏览 0 评论 0原文

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

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

如果我正常操作,Outlook 总是在图像前插入换行符并将光标放置在那里,如果不单击那里,我无法让光标在图像后面开始(例如按 Tab输入主题后)。

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

有人有建议还是我的任务徒劳?

I've been trying to get a particular design to work for an email signature without any luck, I have a feeling it's not possible, but perhaps someone has a solution.

The issue is that there is a small image that needs to be above the first line one types on. i.e.
[image]
[type here]
[signature details - e.g. phone no.]

If I make it normally, outlook always inserts a line break before the image and places the cursor there, I can't get the cursor to start after the image without clicking there (e.g. by pressing tab after typing subject).

I've tried making the image a background image of a div/span/table, I've tried using css to set the margin-top to a negative number, but the problem seems to stem from the fact that outlook inserts the signature after the div it creates for typing in.

Does anyone have a suggestion or is my task futile?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

无人接听 2025-01-09 19:58:51

Outlook 是哪个版本?

尝试将其添加到图像中:

style="display:block;"

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

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

Which version of Outlook?

Try adding this to the image:

style="display:block;"

P.S - Backgrounds don't work in some versions of Outlook, unless you do some sort of conditional statements, you need to test how your e-mail renders in Microsoft Word (MSO rendering engine).

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

鯉魚旗 2025-01-09 19:58:51

您需要在 body 上设置 background-imagepadding-top 等于图像的高度。

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

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

You need to set on body a background-image and padding-top equal to the height of the image.

I did something similar a while ago to fix the "cursor problem" you mentioned. I don't remember which version of Outlook it was for, but nobody ever reported any problems with it.

As Kyle R mentioned, you should definitely test how your email renders with different clients.

信仰 2025-01-09 19:58:51

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

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--

(示例来自此处

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

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

我认为,单击图像旁边可以让您在不知不觉中执行此操作。

An email can be a multipart message. This means the body can have multiple encodings. Each encoding comes with its own header:

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)

In most clients the default encoding is Content-Type: text/plain. Adding an image however switches the encoding to eg. base64.

Each new encodings starts on a new line. I assume this is causing you the trouble, since this automatically puts your text/cursor below the image.
One way to get around this would be to encode the entire message as html - the image as well as the text, using an img tag, inline.

Clicking next to the image lets you do this unknowingly, I assume.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文