在邮件和其他客户端的html电子邮件中占据优势

时间:2013-05-30 16:09:35

标签: html css html-email email-client

我的朋友开发者在使用HTML电子邮件时遇到了一些问题。我可以在我的邮件应用程序上看到的一个大问题是一个很大的优势 - 他没有放入css和两个小边距(右边和左边)和html边距:0;

你有什么建议吗?

非常感谢。

<html>
<head>
<style type="text/css">
html,body{margin:0;padding:0; background-color:#f6f6f6}
table { width: 100%; height: 100%; }
span{font-family:Helvetica, Arial, sans-serif; line-height:1.7em;}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"    bgcolor="#f6f6f6">
<tr height="95px" valign="middle" >
    <td width="100%" align="left" style="padding:15px"><img src="logo_email.png" width="154" height="46" alt="good" /></td>
</tr>
<tr bgcolor="#eeeeee" height="95px" valign="middle">
    <td width="100%" colspan="2" style="padding:15px"><span style="font-size:18px;color:#414042">Thank you for subscribe our newsletter.</span><br /><span style="font-size:13px;color:#414042">The Team</span></td>
</tr>
<tr height="auto" valign="top">
    <td width="100%" colspan="2" style="padding:15px"><span style="font-size:10px;color:#6d6e71">You are receiving Activity Notifications emails.</span></td>
</tr>

</table>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

布局看起来很好。顶部有一个图像,它有一个相对链接,可能没有显示 - 这可能是你指的“边缘顶部”吗?