Vspace в Outlook 2007/2010

Question

У меня есть html-бюллетень, который работает на большинстве почтовых операторов, но форматирование перепутано в Outlook. Я поместил vspace = "10" в тег изображения, чтобы поместить краю 10 пикселей в верхнюю и нижнюю части изображения, чтобы иметь место между изображением и текстом под ним. Однако в Outlook vspace не подбирается, и текст появляется прямо под изображением без пробелов между ними.

Кто-нибудь знает, как заставить это работать? Я попытался поместить снизу на 10 пикселей на изображение, но опять же это не сработало.

Answer 1

С HTML-адресом электронной почты существует множество нюансов между различными браузерами. Одна вещь, которую я узнал от создания электронных писем, заключается в том, что она должна быть чрезвычайно простой. Оба поля & отступы не поддерживаются Outlook (из-за этого с использованием механизма рендеринга слов).

Раствор

Заменить изображение и пространство с таблицей, содержащей 2 распорные гифы и изображение в центре. Например (вы должны использовать абсолютные пути к вашим изображениям):

<table cellpadding="0" cellspacing="0"> 
    <tr> 
    <td> 
     <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" /> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <img style="display:block" border="0" src="YOUR IMAGE" width="" height="" /> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" /> 
    </td> 
    </tr> 
</table> 

Answer 2

Это может быть проще использовать вложенную таблицу и определить высоту строки, чтобы быть 10px. То, с чем вы сталкиваетесь в Outlook 2007+, - это HTML-рендеринг Word, который обрабатывает CSS по-своему особым образом.