2010-11-14 49 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> 

希望這會有所幫助。