html时事通讯在电子邮件中无法正常工作_Html_Newsletter

html时事通讯在电子邮件中无法正常工作

html

html时事通讯在电子邮件中无法正常工作,html,newsletter,Html,Newsletter,嗨，我有一个简单的横幅发送在电子邮件作为签名在电子邮件中。但这是行不通的。我从hotmail发送，并在签名中添加html代码。但链接不起作用，有时布局也会让人非常不安。这是我的密码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

嗨，我有一个简单的横幅发送在电子邮件作为签名在电子邮件中。但这是行不通的。我从hotmail发送，并在签名中添加html代码。但链接不起作用，有时布局也会让人非常不安。这是我的密码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body style="margin:0; padding:0;">
<table style="margin:0; padding:0;"><tr style="margin:0; padding:0;"><td style="margin:0;" background="http://work.zatechno.com/artzone/background.png" bgcolor="#7bceeb" width="1232" height="195" valign="top">
          <!--[if gte mso 9]>
          <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:1232px;height:196px;">
            <v:fill type="tile" src="http://work.zatechno.com/artzone/background.png" color="#7bceeb" />
            <v:textbox inset="0,0,0,0">
          <![endif]--><div style="float:left; margin:100px 0 0 470px; padding:0; position:relative; width:504px; height:94px;">
        <div style="float:left; width:242px; height:100%; position:relative">
            <a href="#" style="float:left; margin:12px 0 0 7px;"><img src="http://work.zatechno.com/artzone/location.png" alt="" style="float:left" /></a>
            <div style="clear:both; width:100%; height:1px; float:left"></div>
            <a href="#" style="float:left; margin:8px 0 0 4px;"><img src="http://work.zatechno.com/artzone/website.png" alt="" style="float:left" /></a>
            <div style="clear:both; width:100%; height:1px; float:left"></div>
            <a href="#" style="float:left; margin:12px 0 0 6px;"><img src="http://work.zatechno.com/artzone/email.png" alt="" style="float:left" /></a>
        </div>

        <div style="float:right; width:255px; height:100%; position:relative">
            <a href="#" style="float:left; margin:12px 0 0 9px;"><img src="http://work.zatechno.com/artzone/phone.png" alt="" style="float:left" /></a>
            <div style="clear:both; width:100%; height:1px; float:left"></div>
            <a href="#" style="float:left; margin:10px 0 0 6px;"><img src="http://work.zatechno.com/artzone/social.png" alt="" style="float:left" /></a>
            <div style="clear:both; width:100%; height:1px; float:left"></div>
            <a href="#" style="float:left; margin:12px 0 0 42px; padding:0;"><img src="http://work.zatechno.com/artzone/youtube.png" alt="" /></a>
            <a href="#" style="float:left; margin:12px 0 0 21px; padding:0;"><img src="http://work.zatechno.com/artzone/facebook.png" alt="" /></a>
            <a href="#" style="float:left; margin:11px 0 0 20px; padding:0;"><img src="http://work.zatechno.com/artzone/twitter.png" alt="" /></a>
            <a href="#" style="float:left; margin:11px 0 0 21px; padding:0;"><img src="http://work.zatechno.com/artzone/linkedin.png" alt="" /></a>
            <a href="#" style="float:left; margin:12px 0 0 23px; padding:0;"><img src="http://work.zatechno.com/artzone/instagram.png" alt="" /></a>
        </div>

    </div>
          <!--[if gte mso 9]>
            </v:textbox>
          </v:rect>
          <![endif]--></td></tr></table>
</body>
</html>

哪些电子邮件代理失败，如何失败？也许你可以加一两张截图。恐怕您需要默认为基于表的布局。电子邮件代理的html呈现功能可能相当有限，您最好的办法是尽可能简单。

我为您的html代码尝试了JSFIDLE，效果非常好。是的，在浏览器中效果很好。但不是在电子邮件中为我工作。或者我测试错了。可能是Hotmail覆盖了你的CSS属性。不能确定。我们可以在签名中添加时事通讯吗？与链接。因为当我使用邮件函数从php发送邮件时，它工作得很好。