在桌子上填充不工作

时间:2010-11-14 20:49:30

标签: css padding

我试图在表格中给出所有图像的均匀间距,并且效果不佳。

看看the page。我尝试了边缘,填充,我可以在很多不同类型的属性上做的一切,但没有运气。有什么帮助吗?

4 个答案:

答案 0 :(得分:1)

该表是由photoshop以不寻常的方式创建的 - 导致了躲闪标记。

  1. 与其他人相比,第一行中<td>的数量不同
  2. 有几个由photoshop创建的间隔图像;这是多余的
  3. 您的<td>
  4. 中不应使用rowpans

    要解决此问题,我建议您修改表格,使结构如下所示:

    <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>
    

    希望这有帮助。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

你的标记都错了。当不需要时,你有TD使用rowspan,我看到一些间隔gif。修复标记,使用cellpadding

不会有任何问题

答案 3 :(得分:0)

问题是你的第二个单元格上的rowspan="2" ...移除它并且间距均匀。您可能还需要以下CSS(使用Firefox / firebug重写测试)

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