2012-08-08 74 views
0

您好我有一个问题在Outlook 2010中我想给tds之间10px的空间,但它不工作。请帮忙。HTML电子邮件展望2010年空间问题

<table style="cellspacing:0px;cellpadding:0px;border:0;border-spacing:10px;"> 
<tbody> 
<tr> 
    <td id="cont0" align="top" style="border-collapse:collapse;padding:0;overflow: hidden;height: 96px; width: 96px;margin-right:auto;vertical-align:top;border: 1px solid #CCCCCC;"> 
    <a id="link0" href="#" style="border:0"> 
     <img id="previewimage0" style="border:0" src="http://i.sample.com/00/s/MTY2WDIwMA==/$(KGrHgoS,KEEk,K!Bv9GBQIi!CNhLg~~60_0.JPG"> 
    </a> 
    </td> 
    <td id="cont1" align="top" style="border-collapse:collapse;padding:0;overflow: hidden;height: 96px; width: 96px;margin-right:auto;vertical-align:top;border: 1px solid #CCCCCC;"> 
    <a id="link1" href="#" style="border:0"> 
     <img id="previewimage1" style="border:0" src="http://i.sample.com/00/s/MTQ5WDIwMA==/$(KGrHqERQ,IE+tWswcklBQIi!C8rQg~~60_0.JPG"> 
    </a> 
    </td> 
</tr> 
</tbody> 
</table> 

回答

0

尝试增加将cellspacing属性表标签

<table cellspacing="10" style="border:0;">

1

尝试加入他们之间的表格单元格与10px的宽度:

</td> 
<!-- your first td ends --> 
<!-- the spacer td --> 
<td align="top" width="10>&nbsp;</td> 
<!-- your second td begins --> 
<td id="cont1" align="top"> 

适合我的电子邮件模板每次在所有的电子邮件客户端。

0

标记答案将完美地完成这项工作,不要添加细胞间距或cellpadding,因为它是跨电子邮件客户端的令人难以置信的不一致,我也会说,不要使用保证金和填充为同样的原因,但在极少数情况下,你不能使用任何其他的间距方法,你不会有任何选择。为了您的边框我还要避免使用速记和单独设置边框的各个部分:

border-color: #ffffff; 
border-style: solid; 
border-width: 1px; 

因为某些客户端会忽略的简写。

在可能的情况下,您应该使用html样式而不是内联css,因为尽管内联是唯一真正使用css的方式,但html仍然在更老的电子邮件客户端中得到更广泛的认可。

valign="top" 
cellpadding="0" 
cellspacing="0" 

所有这些都可以添加到标签,而不是将其包括在样式中。这将确保任何老客户,甚至只是公司的网络邮件不会大惊小怪。

我知道你没有问过它,但只是为了一致性,我想我会指出。