Qui*_*Par 9 html css email gmail
我正在尝试设置svnspam.设置和配置很顺利.但是当邮件发送到我的Gmail ID时,他们没有彩色差异.
通过Gmail view original界面进入原始邮件,我可以看到这样的CSS:
<html>
<head>
<style type="text/css">
body {background-color:#ffffff;}
.file {border:1px solid #eeeeee;margin-top:1em;margin-bottom:1em;}
.pathname {font-family:monospace; float:right;}
.fileheader {margin-bottom:.5em;}
.diff {margin:0;}
.tasklist {padding:4px;border:1px dashed #000000;margin-top:1em;}
.tasklist ul {margin-top:0;margin-bottom:0;}
tr.alt {background-color:#eeeeee}
#added {background-color:#ddffdd;}
#addedchars {background-color:#99ff99;font-weight:bolder;}
tr.alt #added {background-color:#ccf7cc;}
#removed {background-color:#ffdddd;}
#removedchars {background-color:#ff9999;font-weight:bolder;}
tr.alt #removed {background-color:#f7cccc;}
#info {color:#888888;}
#context {background-color:#eeeeee;}
td {padding-left:.3em;padding-right:.3em;}
tr.head {border-bottom-width:1px;border-bottom-style:solid;}
tr.head td {padding:0;padding-top:.2em;}
.task {background-color:#ffff00;}
.comment {padding:4px;border:1px dashed #000000;background-color:#ffffdd}
.error {color:red;}
hr {border-width:0px;height:2px;background:black;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" rules="cols">
现在,当我从原始源复制整个html并在本地创建一个html文件时,我可以很好地看到彩色差异.
这可能有什么问题？
Tau*_*ren 10
我刚刚开始使用HTML邮件格式化,所以我不是专家.我发现支持所有不同的邮件客户端并不容易.您需要做的第一件事是使用内联样式,因为<style>块不一定适用于所有客户端.另外,不要尝试定期进行CSS布局,必须使用表格进行布局.这意味着许多重复的代码,混乱的表等等.例如:
<div style="width:590px; margin-top:10px;margin-right:auto;margin-bottom:5px;margin-left:auto; padding: 20px 20px 20px 20px; background-color:#89b556;background-image: url(http://groupon.s3.amazonaws.com/email-images/shared/bg-email-starburst.jpg);background-repeat: no-repeat;background-position: center top; border-width:5px; border-style: solid; border-color:#deedcc;-moz-border-radius:10px;-webkit-border-radius:10px; ">
<table width="100%" style="background-color:#fff; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; *margin-top: -5px" cellspacing="0" cellpadding="0">
我在某个地方看到有些客户不会接受该<style>块<head>,但会在其中<body>,所以试一试.也许gmail会支持这个.
看看这些免费的电子邮件模板,了解一些想法.我做的另一件事是找到一个格式很好的电子邮件,发送给我并查看其来源.例如,我使用了Groupon.com发送的电子邮件,查看了来源,并从中获取了想法.不幸的是,我后来发现它在某些客户端看起来并不正确,例如Evolution.但它可能是你的起点.
这是另一个SO问题,有一些有用的答案.
为了完整起见(以及我自己未来的参考),我将包括@Cherian上面提供的很棒的链接*.我以前没见过那个链接,但它包含了大量的信息!很棒的发现......
**链接已在原始位置死亡.可通过以下网址访问:http://web.archive.org/web/20090116092215/http : //xavierfrenette.com/articles/css-support-in-webmail/*