Блог

Главная - Вопросы по программированию - HTML-почтовая программа ведет себя плохо

HTML-почтовая программа ведет себя плохо

#html #gmail #html-email

#HTML #gmail #html-электронная почта

Вопрос:

Это, вероятно, самое простое, что можно исправить, но, похоже, я не могу найти решение для этого.

Используя следующий HTML, когда я часто создаю OFT из HTML и отправляю письмо в свою учетную запись Gmail, где бы ни было изображение, есть пробел.

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

HTML, очень простой ( изображения опущены по соображениям безопасности, все указывают на CDN):

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
    <title></title>
</head>
<body style="margin: 0px; padding: 0px;">

    <center>
        <table border="0" cellpadding="0" cellspacing="0" width="636" style="margin: 0; border-collapse: collapse;">
            <tr>
                <td colspan="3" valign="top"><img alt="" src="someimage1.gif" style="display: block;" /></td>
            </tr>
            <tr>
                <td colspan="3" valign="top"><img alt="" src="someimage2.gif" style="display: block !important;" /></td>
            </tr>
            <tr>
                <td width="18" valign="top" align="center" style="vertical-align: top;">amp;nbsp;</td>
                <td valign="top" bgcolor="#c4dae4" style="font-family: Arial; padding-top: 10px; padding-right: 20px; padding-left: 20px;">
                    <p><strong>Dear {name}</strong></p>
                </td>
                <td width="18" valign="top" style="vertical-align: top;">amp;nbsp;</td>
            </tr>
            <tr>
                <td width="18" valign="top">amp;nbsp;</td>
                <td valign="top" height="673" width="600"><img alt="" src="someimage3.gif" style="display: block !important;" /></td>
                <td width="18" valign="top">amp;nbsp;</td>
            </tr>
        </table>
    </center>

</body>
</html>

Я перепробовал все возможные решения, как указано, от display: block до line-height: 50%; чтобы убедиться, что теги не имеют интервалов.

Есть ли что-то, чего мне здесь не хватает? Что-то, о чем я, очевидно, не знаю?

Ответ №1:

выглядит нормально, но GMail странно относится к типам документов. Попробуйте это, надеюсь, это сработает.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">