Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML邮件程序的行为很糟糕_Html_Gmail_Html Email - Fatal编程技术网

HTML邮件程序的行为很糟糕

HTML邮件程序的行为很糟糕,html,gmail,html-email,Html,Gmail,Html Email,这可能是最简单的修复方法,但我似乎找不到解决方法 以下面的HTML为例,当我从HTML创建一个OFT,并向我的Gmail帐户发送一封邮件时,哪里有图像,哪里就有空间 我已经广泛地搜索了解决方案,但是Gmail一直在剥离内联样式,并且在HTML模板的标题中附加一个标签也被忽略了 HTML非常简单(出于安全原因省略图像,所有图像都指向CDN): 亲爱的{name} 我已经尝试了所有可能的解决方案,如前所述,从显示:块到线条高度:50%;以确保标记没有间距 这里有我遗漏的东西吗?一些我显然不知道的

这可能是最简单的修复方法,但我似乎找不到解决方法

以下面的HTML为例,当我从HTML创建一个OFT,并向我的Gmail帐户发送一封邮件时,哪里有图像,哪里就有空间

我已经广泛地搜索了解决方案,但是Gmail一直在剥离内联样式,并且在HTML模板的标题中附加一个标签也被忽略了

HTML非常简单(出于安全原因省略图像,所有图像都指向CDN):


亲爱的{name}

我已经尝试了所有可能的解决方案,如前所述,从显示:块到线条高度:50%;以确保标记没有间距


这里有我遗漏的东西吗?一些我显然不知道的事情?

看起来不错,但GMail的doctype很奇怪。试试这个,希望能成功

<!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;">&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;">&nbsp;</td>
            </tr>
            <tr>
                <td width="18" valign="top">&nbsp;</td>
                <td valign="top" height="673" width="600"><img alt="" src="someimage3.gif" style="display: block !important;" /></td>
                <td width="18" valign="top">&nbsp;</td>
            </tr>
        </table>
    </center>

</body>
</html>