桌子上的填充不起作用

Question

我试图在表格中的图像周围提供均匀的间距，但效果不太好。

查看页面。我在许多不同类型的属性上尝试了边距、填充以及我能做的一切，但没有成功。有什么帮助吗？

Answer 1

该表格是由 Photoshop 以一种不寻常的方式创建的 - 导致了危险的标记。

1. 与其他行相比，第一行中的 数量不同。
2. 有几个由 Photoshop 创建的间隔图像；这是多余的
3. 在您的 中应该不需要使用行跨度

要解决此问题，我建议修改您的表，使结构如下所示：

<table cellpadding="5">
  <tr>
    <td><a href="http://allure.dlvrall.com"><img src="images/index_01.png" width="463" height="200" alt=""></a></td>
    <td ><a href="http://liquor.dlvrall.com"><img src="images/index_02.png" width="465" height="200" alt=""></a></td>
  </tr>
....

然后继续添加块表格行例如：

<tr>
      <td>... </td>
      <td>...</td>
</tr>

用您的链接和图像替换“...”。然后最后关闭表格：

</table>

希望这有帮助。

Answer 2

问题是您的第二个单元格上的 rowspan="2"...删除它，间距就会均匀。您可能还需要以下 CSS（使用 Firefox/firebug 重写进行测试）

<style>
#Table_01,#Table_01 a {margin:0;padding:0;}
#Table_01 img {padding:1em;}
</style>

Answer 3

尝试为表格的 cellpadding 属性指定值。

Answer 4

你的标记全错了。你有 TD 在不需要时使用 rowspan，我看到了一些间隔 gif。修复标记，使用 cellpadding 时不会出现任何问题