Outlook 2007 Html表td元素

时间:2022-07-21 03:52:12

I try to make newsletter compatible with Outlook 2007, but Outlook rendering engine isn't very logical. Following code is not making borders as width of 1 pixel like in Firefox and other rendering engines, but it adds some extra space between some of these td-elements. Is there a workaround for this issue ?

我尝试使新闻稿与Outlook 2007兼容,但Outlook呈现引擎不太符合逻辑。以下代码不像Firefox和其他渲染引擎那样将边框设置为1像素的宽度,但它在这些td元素中添加了一些额外的空间。这个问题有解决方法吗?

<table>
<tr>

<td width="0" style="border-left: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

<td width="100%" bgcolor="white">
content here
</td>

<td width="0" style="border-right: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

</tr>
</table>

5 个解决方案

#1


I just set border-collapse:"collapse", cellspacing="0", cellpadding = "0" with my Outlook 2007 and it helped.

我刚刚设置了border-collapse:“collapse”,cellspacing =“0”,cellpadding =“0”和我的Outlook 2007并且它有所帮助。

#2


<table cellspacing = "0"> will solve your problem if I understand it correctly

如果我理解正确,

将解决您的问题

#3


have you tried setting "border-collapse: collapse" on the table?

你试过在桌子上设置“border-collapse:collapse”吗?

A very usefull guide to show which CSS properties are supported in Outlook 07/03: http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#pc

一个非常有用的指南,用于显示Outlook 07/03中支持哪些CSS属性:http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#个人计算机

#4


You could try to do your newsletter with Word 2007, saving it as HTML and then tweaking it (triming unnecesary things) for the rest of the email clients.

您可以尝试使用Word 2007进行简报,将其保存为HTML,然后针对其余电子邮件客户端进行调整(尝试不必要的事情)。

Outlook (<2007) by default uses Trident, IE's engine for incoming mail, and Word HTML rendering engine for outgoing mail... Until Office 2007, and people hate it.

Outlook(<2007)默认情况下使用Trident,IE的传入邮件引擎和外发邮件的Word HTML呈现引擎......直到Office 2007,人们讨厌它。

Now, it uses Word 2007's rendering, wich is rather lacking. On microsoft's page you can see the attributes you can use.

现在,它使用Word 2007的渲染,相当缺乏。在microsoft的页面上,您可以看到可以使用的属性。

#5


I've had this problem before. To make it display correctly in Outlook, you have to have it like:

我以前遇到过这个问题。要使其在Outlook中正确显示,您必须具有以下内容:

<td style="border:solid windowtext 1.0pt;"> 

to make the borders show up.

使边框显示出来。

It's a bit weird, but that's Microsoft for you.

这有点奇怪,但那是微软的。

#1


I just set border-collapse:"collapse", cellspacing="0", cellpadding = "0" with my Outlook 2007 and it helped.

我刚刚设置了border-collapse:“collapse”,cellspacing =“0”,cellpadding =“0”和我的Outlook 2007并且它有所帮助。

#2


<table cellspacing = "0"> will solve your problem if I understand it correctly

如果我理解正确,

将解决您的问题

#3


have you tried setting "border-collapse: collapse" on the table?

你试过在桌子上设置“border-collapse:collapse”吗?

A very usefull guide to show which CSS properties are supported in Outlook 07/03: http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#pc

一个非常有用的指南,用于显示Outlook 07/03中支持哪些CSS属性:http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#个人计算机

#4


You could try to do your newsletter with Word 2007, saving it as HTML and then tweaking it (triming unnecesary things) for the rest of the email clients.

您可以尝试使用Word 2007进行简报,将其保存为HTML,然后针对其余电子邮件客户端进行调整(尝试不必要的事情)。

Outlook (<2007) by default uses Trident, IE's engine for incoming mail, and Word HTML rendering engine for outgoing mail... Until Office 2007, and people hate it.

Outlook(<2007)默认情况下使用Trident,IE的传入邮件引擎和外发邮件的Word HTML呈现引擎......直到Office 2007,人们讨厌它。

Now, it uses Word 2007's rendering, wich is rather lacking. On microsoft's page you can see the attributes you can use.

现在,它使用Word 2007的渲染,相当缺乏。在microsoft的页面上,您可以看到可以使用的属性。

#5


I've had this problem before. To make it display correctly in Outlook, you have to have it like:

我以前遇到过这个问题。要使其在Outlook中正确显示,您必须具有以下内容:

<td style="border:solid windowtext 1.0pt;"> 

to make the borders show up.

使边框显示出来。

It's a bit weird, but that's Microsoft for you.

这有点奇怪,但那是微软的。