Прокладки в користувальницькому стилі в Outlook


1

Я намагаюся створити нестандартний стиль коду в Outlook (із темним фоном). У мене це майже так, як я цього хочу, за винятком того, що я хотів би, якщо можливо, прокладки навколо тексту.

Я не бачу фактичної настройки Padding, але додавши рамку, я подумав, що зможу досягти такого ж ефекту:

введіть тут опис зображення

Однак, коли я йду надсилати повідомлення електронної пошти, це виглядає таким чином для людей, які його отримують (і в моїх відправлених елементах):

введіть тут опис зображення

Хтось знає, чому це відбувається, і якщо є спосіб я вирішити це або за межею, або іншою технікою (накладка буде непогано)?

Дякую

Відповіді:


1

З Чому мої поля не працюють в Outlook.com? :

Outlook.com більше не підтримує такі властивості CSS: margin, margin-top, margin-right, margin-bottom, margin-left.

Заміна поля набивки на теги абзацу добре працює в Outlook.com, але клієнти настільних клієнтів Майкрософт не так добре: Outlook 2007/2010/2013 не підтримує набивання елементів на рівні блоку.

Таким чином, поле працює у настільній версії, але прокладка не робить. І в Outlook.com прокладка працює, але не поля. Таким чином, рішення щодо запасів або заливки можливе лише в тому випадку, якщо ви та ваші приймачі використовуєте лише один із ароматів Outlook.

В кінці кінців стаття рекомендує використовувати таблиці як всебічне рішення:

Використовуйте <TD>і міняйте поля для підкладки

Розміщення кожного блоку тексту чи зображення всередині його власного <td>осередку - разом із вбудованою обшивкою CSS - дає найкращі результати для основних клієнтів електронної пошти. Незважаючи на те, що пуристи з веб-розробок по праву вагаються надсилати свої електронні листи з несемантичною розміткою, цей метод добре працював для нас протягом багатьох років. І хоча накладка працює не зовсім так, як маржа, вона робить роботу. Будьте особливо обережні при використанні бордюрів, оскільки вам потрібно буде пограти за допомогою гніздових таблиць, щоб отримати бажаний ефект, покладаючись виключно на набивання.


Дякую. Пару питань: 1) чи є спосіб редагувати CSS для моїх стилів в Outlook? Мені дуже комфортно з CSS, але не дуже з Outlook. Я не бачу способу редагувати базовий CSS у діалоговому вікні Змінити стиль. 2) Чи можна редагувати шаблон HTML (для рішення <td>) для стилю в Outlook? 3) (насправді не питання ...) Я досі не можу зрозуміти, чому моя межа (з таким же кольором, що виглядає як "підкладка") не працює відразу після надсилання ... Так. Дякую, я думаю, ти поставив мене на правильний шлях ...
Адам Плочер

Outlook підтримує щось приблизно еквівалентне HTML-сумісному IE5, тому я б не намагався надто фантазувати. Краще використовувати лише вбудований CSS, а таблиці все ще є найбільш послідовною функцією для всіх клієнтів електронної пошти. Повна інформація про те, що працює чи ні в усіх клієнтах електронної пошти, див . Посібник з CSS . Premailer сайт може допомогти при розборі чистого HTML , щоб перетворити все в вбудовані стилі та дати список CSS попередження про небезпечні речі , і для яких клієнта електронної пошти.
harrymc

Або ви можете використовувати MailChimp для розробки електронних листів прямо в їх веб-редакторі, і це зробить усе можливе, щоб вони виглядали добре у всіх клієнтах електронної пошти. Це безкоштовно для 12000 електронних листів до 2000 підписників.
harrymc
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.