Outlook Email Signature - заголовок?

Question

Я пытался заставить конкретный дизайн работать на подпись электронной почты без какой-либо удачи, у меня такое ощущение, что это невозможно, но, возможно, у кого-то есть решение.

Проблема в том, что существует маленькое изображение, которое должно быть выше первой строки, на которой печатается одна строка. то есть [образ] [введите здесь] [детали подписи - например, номер телефона.]

Если я делаю это нормально, outlook всегда вставляет разрыв строки перед изображением и помещает курсор туда, я не могу заставить курсор начинаться после изображения, не щелкая там (например, нажав tab после ввода темы).

Я пытался сделать изображение фоновым изображением div / span / table, я пытался использовать css, чтобы установить поле margin-top на отрицательное число, но проблема, похоже, связана с тем, что outlook вставляет подпись после div, которую он создает для ввода.

У кого-нибудь есть предложение или моя задача бесполезна?

Answer 1

Какая версия Outlook?

Попробуйте добавить это к изображению:

style="display:block;"

P.S. Фоновые изображения не работают в некоторых версиях Outlook, если только вы не сделаете какие-то условные операторы, вам нужно проверить, как ваша электронная почта отображается в Microsoft Word (механизм рендеринга MSO).

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

Answer 2

Электронная почта может быть составным сообщением.Это означает, что тело может иметь несколько кодировок.Каждая кодировка имеет свой собственный заголовок:

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.

Нажатие рядом с изображением позволяет вам сделать это.по незнанию, полагаю.

Answer 3

Вам необходимо установить body a background-image и padding-top равными высоте изображения.

Некоторое время назад я делал нечто подобное, чтобы исправить "проблему с курсором", которую вы упомянули.Я не помню, для какой версии Outlook он был, но никто никогда не сообщал о каких-либо проблемах с ним.

Как упоминал Кайл Р., вам непременно следует проверить, как ваша электронная почта отображается с разными клиентами.