2014-03-26 29 views
0

下面的代碼控制我的網頁上的表格屬性:無用空間 - HTML/CSS

table, th, td 
{ 
border:0; 
border-spacing:0; 
padding:0; 
margin-left: auto; 
margin-right: auto; 
height:100px; 
} 

問題是,持有所有零件的無所不包表識別的風格,但嵌套表格在行之間仍然有空間。請記住,每個垂直列中的切片圖像與其餘列的像素高度相同,因此我認爲這不是尺寸問題。我能夠在Dreamweaver中將所有這些放在一起,但是當我自己寫這些時,行之間仍然存在空間。

這種類型的東西是嵌套表時常見的問題嗎?網頁上的其他內容是否可以保持這些行不在一起?

如果你會問,我正在切片這些圖像,所以我可以創建翻轉按鈕。

enter image description here

回答

1

好吧,我找到了解決辦法是 「IMG」 添加到表樣式屬性:

table, th, td, **img** 
{ 
border:0; 
border-spacing:0; 
padding:0; 
margin-left: auto; 
margin-right: auto; 
height:100px; 
} 
0

嘗試加入border-collapse:collapse;你的風格

+0

可悲的是,什麼也沒做。我甚至嘗試將這些樣式屬性添加到單個嵌套表中,並且沒有任何更改。 –