2010-11-14 76 views
0

我试图给表格中的所有图像添加均匀间距,但它工作得不好。桌子上的填充不起作用

看看the page。我尝试了保证金,填充,我可以在很多不同类型的属性上做的所有事情,但没有运气。任何帮助?

回答

0

问题是你的第二个单元上的rowspan="2" ...删除和间距均匀。您可能还需要下面的CSS(与Firefox/Firebug的重写测试)

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

谢谢,修复它。还有一件事 - 我怎么能中心#main div?所有其他div都以我想要的为中心,但#main div不合作。 – AKor 2010-11-14 22:02:23

+0

从'

Rudu 2010-11-14 22:55:43

0

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

+0

我试着改变cellpadding和cellspacing,但行为类似于在样式表中做的事情;细胞仍然交错。它在Photoshop中切片,也许它是从那里剩下的格式? – AKor 2010-11-14 20:58:02

+0

@Andrei Korchagin:尝试指定元素的最大可能高度。 – Sarfraz 2010-11-14 21:00:46

0

你的标记全是错的。当不需要它时,你有使用rowspan的TD,并且我看到一些spacer gif。修复标记,你不会有任何使用cellpadding的问题

1

该表具有非同寻常的方式通过Photoshop中创建 - 导致dodgey标记。

  1. 有的<td>的第一行中比别人一个不同量
  2. 有已经通过Photoshop中创建的几个间隔图像;这是多余的
  3. 应该没有必要在你的<td>

要解决这个问题,我建议修改你的表,这样的结构看起来像这样使用rowspans的:

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

希望这会有所帮助。