2015-07-02 53 views
0

我有电子邮件模板,这是在firebug Linux中配置的,它在那里工作的很好,但是当相同的模板在手机中配置它不工作的混淆标志和css。代码如下所示。Html电子邮件模板从手机发送时不工作

<style>span,p,a{font-size:11px;text-transform:uppercase;color:#7f7f7f;font-family:Calibri,Arial,sans-serif;margin:0;padding:0;line-height:11px}</style> 
<body> 
<div style="width:415px;height:293px"> 
<div style="width:5px;float:left"> 
<div style="height:100%;width:100%"> 
<img style="height:290px" src="http://example.com/line.png" /> 
</div> 
</div> 
<div style="width:88%;float:left;padding:5px 0 0 10px"> 
<p style="clear:both;line-height:12px"> 
<span style="text-transform:uppercase;font-weight:bold">Example Name</span> 
<span style="font-size:10px;vertical-align:top"> |</span> 
<span style=""> example name </span> 
</p> 
<p style="margin:5px 0 3px;padding:0;clear:both;line-height:10px"></p> 
<p style="margin:10px 0;padding:0;clear:both;line-height:12px"> 
<img src="http:www.demo.com/signature_logo/logo.png" alt="Logo" style="width:150px"/> 
</p> 

</div> 
</div> 
</body> 

回答

1

该代码? 也许您添加CSS代码内<head></head>

大多数电子邮件客户端删除所有<body>标签

编辑

上面现在,我看到你的错误。在您的标志图像放在正确的协议:

http:www.demo.com/signature_logo/logo.png不正确

http://www.demo.com/signature_logo/logo.png正确

而且把<style>标记下来<body>标签最大化的兼容性。

+0

是的,我的CSS代码不行,但它不在头标签,它在身体标签上方。但徽标 –

+0

代码呢?我需要查看一些信息来帮助你。我不是魔术师。 –

+0

代码现在有 –