Css 表格内有表格的时事通讯:填充不起作用

Css 表格内有表格的时事通讯:填充不起作用,css,html-email,padding,newsletter,Css,Html Email,Padding,Newsletter,我有这个时事通讯 使用容器div将新闻稿居中并为其提供背景图像 好的,我们在发送时遇到了一些问题,它从(浏览器)更改为 至(Outlook):检查徽标位置;甚至不用担心边界半径。只有支持它的浏览器才有;如果不重要,也不重要 这是我正在尝试的第二个版本(现在是错误的),它是一个表中的一个表: 它在Firefox中运行良好,但嵌入在JSFIDLE中,而在Outlook中看起来几乎相同 你能看到把垫子弄得乱七八糟的款式吗 与某些浏览器一样,某些电子邮件客户端无法显示border radius参数

我有这个时事通讯

使用容器div将新闻稿居中并为其提供背景图像

好的,我们在发送时遇到了一些问题,它从(浏览器)更改为

至(Outlook):检查徽标位置;甚至不用担心边界半径。只有支持它的浏览器才有;如果不重要,也不重要

这是我正在尝试的第二个版本(现在是错误的),它是一个表中的一个表:

它在Firefox中运行良好,但嵌入在JSFIDLE中,而在Outlook中看起来几乎相同

你能看到把垫子弄得乱七八糟的款式吗


与某些浏览器一样,某些电子邮件客户端无法显示border radius参数。我建议,使用图像作为白色背景。

我会从头开始。你似乎有一个标签,不是关闭的,额外的或无用的。让我解释一下,在电子邮件中使用tbody或th标签是没有意义的。每次我测试时,它们都会造成设计上的裂痕。你的设计其实很简单。您要做的是这样的:

<table cellpadding="0" cellspacing="0" border="0" style="font: Arial;">
<tr><td>
<img src="http://domain.com/top-image.gif" />
</td></tr>
<tr><td bgcolor="#ffffff" style="padding: 20px">
text text text
</td></tr>
<tr><td>
<img src="http://domain.com/bottom-image.gif" />
</td></tr>
</table>

文本文本文本
不要在电子邮件中使用背景图像,因为它们不受支持。

以下是您要做的:

请看上图。忘记你将要在3个水平切片中裁剪的四个角

顶部将是您的top-image.gif

你可以放弃,这就是你的文本应该去的地方

最后,底部的部分将是bottom-image.gif


希望这能为您指明正确的方向。

边界半径并不重要。它只适用于支持它的浏览器。谢谢你的评论,但我认为这不是问题的答案。请检查我的编辑和对其他答案的评论。边界半径并不重要。但是谢谢!然后忘掉桌子的半径,看看我是如何布置桌子的。这应该可以解决你的风格问题。我已经在使用cellpadding=“0”cellspacing=“0”border=“0”这并不重要。看看表结构本身。不要使用车身和th。这里有一个很好的电子邮件表格教程:我看不出你的代码有什么帮助。。这是一张三排的桌子:It’无论如何,谢谢