我与我的客户有一些问题。我已经构建了(未设计)一个电子邮件模板,供他们使用Create / Send。我已经使用了Create / Send中的设计测试服务,所有这些服务都按预期进行。但是,当客户端在Outlook 2003中查看电子邮件时,文本格式将丢失(请参阅屏幕抓取)。
文档的头部中只有很少的CSS,当然没有任何内容可以影响内容。
alt text http://citywest.bangtest.co.uk/stackoverflow/okay.png
alt text http://citywest.bangtest.co.uk/stackoverflow/bad.png
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
City West电子公告
<style type="text/css" media="screen">
* { font-family: Arial, san-serif; }
a {color:#000000;}
a img {border:none;}
h3 a { color: #BD2C16; }
.topbannercopy a {color:#ffffff;}
.unsub a {color: #555555; text-decoration:none;}
.unsub a:hover {text-decoration:underline;}
</style>
</head>
<body style="text-align: left;">
<table border="0" bgcolor="#ffffff" cellspacing="0" cellpadding="0" width="591" align="center" style="font-family: Arial, san-serif;">
<tr bgcolor="#e95c55">
<td colspan="4"><img src="img/top-trust.gif" alt="City West Housing Trust. e-Bulletin for Staff" width="591" height="195"></td>
</tr>
<tr bgcolor="#e95c55">
<td style="color: #ffffff; font-size: 11px; padding-left: 10px; padding-bottom: 5px;" colspan="4"><$description default=''$></td>
</tr>
<tr>
<td bgcolor="#e95c55" colspan="4">
<img src="<$imagesrc link='true'$>" alt="read more" width="591">
</td>
</tr>
<tr bgcolor="#e95c55" valign="top" style="padding: 10px;">
<td colspan="1" style="color: #BD2C16; padding-left: 10px;">
<h3 style="font-size: 15px;"><$title link='true'$></h3>
</td>
<td colspan="3" style="color: #ffffff; font-size: 12px; padding-left: 20px;"><span class="topbannercopy"><$description default=''$></span></td>
</tr>
<tr valign="top" style="font-size: 10px;">
<td width="133" style="padding-top: 10px;">
<img src="<$imagesrc link='true'$>" alt="read more" width="133" height="118">
<h3 style="color: #BD2C16; margin-bottom: 5px;"><$title link='true'$></h3>
</td>
<td width="133" style="padding-top: 10px; padding-left: 20px; padding-right: 9px;">
<img src="<$imagesrc link='true'$>" alt="read more" width="133" height="118">
<h3 style="color: #BD2C16; margin-bottom: 5px;"><$title link='true'$></h3>
</td>
<td width="133" style="padding-top: 10px; padding-left: 9px; padding-right: 20px;">
<img src="<$imagesrc link='true'$>" alt="read more" width="133" height="118">
<h3 style="color: #BD2C16; margin-bottom: 5px;"><$title link='true'$></h3>
</td>
<td width="133" style="padding-top: 10px;">
<img src="<$imagesrc link='true'$>" alt="read more" width="133" height="118">
<h3 style="color: #BD2C16; margin-bottom: 5px;"><$title link='true'$></h3>
</td>
</tr>
<tr valign="top" style="font-wieght: bold; padding-bottom: 10px; font-size: 12px;">
<td width="133">
<p><$description default=''$></p>
</td>
<td width="133" style="font-wieght: bold; padding-left: 20px; padding-right: 9px;">
<p><$description default=''$></p>
</td>
<td width="133" style="font-wieght: bold; padding-left: 9px; padding-right: 20px;">
<p><$description default=''$></p>
</td>
<td width="133">
<p><$description default=''$></p>
</td>
</tr>
<tr>
<td rowspan="2" colspan="1" valign="top"><img src="img/slash-left.gif" width="133" height="50" alt=""></td>
<td rowspan="1" colspan="3" valign="top"><img src="img/slash-right.gif" width="458" height="42" alt=""></td>
</tr>
<tr align="right">
<td colspan="3" style="font-size: 10px;"> </td>
</tr>
<tr align="right">
<td colspan="4" style="font-size: 10px;">City West, the City West Logo and all other City West product or service names are<br>trade marks of City West. All Rights Reserved. <unsubscribe>Unsubscribe</unsubscribe>.</td>
</tr>
</table>
</body>
答案 0 :(得分:2)
您的样式表被忽略(这是Outlook中的预期行为)。将它们转换为内联样式,你就完成了!上次我查看时,Gmail也会忽略样式表,所以最好不要使用它们。
答案 1 :(得分:2)
删除字体的样式并使用<font>
标记。 E.g。
<td style="color: #ffffff; font-size: 11px; padding-left: 10px; padding-bottom: 5px;" colspan="4"><$description default=''$></td>
转入:
<td style="padding-left: 10px; padding-bottom: 5px;" colspan="4"><font color="#ffffff" size="11px"><$description default=''$></font></td>
答案 2 :(得分:0)