0

我正在编写 html 电子邮件，问题是我的桌子周围有黑色边框，当我 slcide psd 使它没有图像并像这样设置背景颜色时

<td width="640" height="2" colspan="16" style="background-color:#666666;">

在 html 和电子邮件客户端中左右<td>看起来不错，但上下一个有点扩大，请参阅附件图片

这是在我的笔记本电脑上部<td> 在此处输入图像描述

这就是它在电子邮件中的样子

在此处输入图像描述

代码很简单

<td width="640" height="2" colspan="16" style="background-color:#666666;">
  </td>

它有什么问题？请帮忙 ..！

4

6 回答 6

1

Outlook 将所有表格单元格扩展到至少 19 像素高。这是您在 html 电子邮件设计中需要解决的问题。一种方法是创建一个 20 像素高的图像，底部有 2 像素的边框。

于 2013-09-03T14:07:09.743 回答
0

您的 TD 中有间隔 gif 吗？

如果是，诀窍很简单：

<img src="SPACER" border="0" style="display:block;" height="x" width="y" alt="" />

这将折叠图像周围的空白区域。确保为 td 和 img 设置相同的高度。

于 2013-09-13T18:44:03.223 回答
0

您的桌子有边框，标准也是如此。这是我所有表格结构的片段-

<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
    <tr valign="top">
        <td align="left">

        </td>
    </tr>
</table>
于 2013-09-09T16:39:14.950 回答
0

尝试添加

style="border-collapse:collapse;"

给你的

<table>

像这样

<table style="border-collapse:collapse;">
于 2013-09-03T10:40:40.417 回答
0

将此添加到您的 CSS 中，看看它是如何工作的：

body
{
    margin: 0;
    padding: 0;
}
于 2013-09-03T10:38:09.883 回答
0

我认为您可能需要添加一些位置属性

尝试position: absolute

于 2013-12-10T21:02:38.970 回答