HTML-рендеринг в Outlook 2010 и Gmail - PullRequest
2 голосов
/ 06 декабря 2010

Я программно отправляю полное HTML-сообщение двум лицам ... 1 - пользователь Gmail, а другой - частный хост, использующий Outlook ... сообщение следующее:

<html xmlns="http://www.w3.org/1999/xhtml\">
<body background="http://sa-tips-spint1:103/_layouts/images/corrente%20do%20bem/2010/cartao.jpg" BGCOLOR="#000000" style="background-position: center top;
                 margin-left: 0px;
                 margin-top: 0px;
                 margin-right: 0px;
                 margin-bottom: 0px;">
    <div align="center">
        <p>&nbsp;</p>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="827" height="69" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td width="504">&nbsp;</td>
            <td width="323" valign="top">
                <p style="color:'#FFFF66';font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;">Ola,</p>
                <p style="color:'#FFFF66';font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;"> MY HAPPY MESSAGE </p>
            </td>
        </tr>
    </table>
</body>
</html>

проблема с Gmail ... в том, что изображение не отображается, а фон не применяется и не применяется никакой вид CSS ... оставляя только МОЕ СЧАСТЛИВОЕ СООБЩЕНИЕ ...

и проблема с Outlook заключается в том, что если я использую css ... css не отображается должным образом ... все css, кроме background-image ... может кто-нибудь мне помочь?

Ответы [ 2 ]

1 голос
/ 06 декабря 2010

Как видно из этого ответа в SO .Gmail блокирует изображения по умолчанию.Вы не можете ничего с этим поделать как отправитель.

0 голосов
/ 06 декабря 2010

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

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

Кроме того, большинство почтовых приложений (особенно веб-приложений) удаляют теги HTML, HEAD и BODY.Если вы подумаете об этом, вы поймете, почему.Если вам действительно нужно фоновое изображение, переместите это изображение в div прямо внутри тела.Как и <body><div style="...">CONTENT</div></body>

Последнее замечание, поскольку эти внешние теги удалены, вы должны переместить все классы CSS так, чтобы они были ниже тега BODY.

Главное, от чего нужно отказаться, это то, что вам придется нарушить множество правил стандартизации, чтобы заставить работать электронную почту HTML.наконец, вы можете прочитать эту ссылку от Рос Ходжисса.Это относительно новый пост, в котором говорится о Gmail и Outlook 07/10;Я не проверял это сам, но это звучит довольно хорошо исследовано.

...