2009-06-16 33 views
3

我在與表中的圖像問題。雖然我設置了tr width = 95,並且圖像的寬度也是95,但tr的寬度將自動爲97(右側爲2 px填充)。圖象填補在CSS,HTML

不過,我已經明確指出的風格=「填充:0像素」。

樣品頁如下: http://beta.worcell.com/sony.html

,我已是與向上和向下箭頭(買入柱內)的另一個問題。我希望它們與文本框具有相同的間距,但向底部箭頭添加另一個換行符會創建太多的空間。我可以在CSS中更改嗎?

謝謝。問題的

+3

Firebug是你的朋友學會使用它:) HTTPS://addons.mozilla。org/en-US/firefox/addon/1843 – 2009-06-16 14:42:34

回答

8

的填充看起來不成爲問題,這是你已經設置頁邊距。在樣式表中你有

img { 
    padding:0px; 
    border:0px; 
    margin:-2px; 
} 

「margin:-2px;」部分是什麼使你的圖像97px而不是95px。將其設置爲「margin:0px;」圖像顯示正常。您還需要添加,

menu img { 
    margin: -2px; 
} 

爲了保持菜單圖像對齊,因爲你有他們。

對於你需要重新考慮你的標記中的向上和向下箭頭。下行鏈路在一個表格內,但上行鏈路不在,這有點不一致。他們也包含了被顯示爲塊段落標記,這使它們看起來一個低於其他內,所以向下箭頭不會出現,直到數量框的底部之後,等

3

部分是這樣的:在styles.css中 (線77)你有

tr td { 
    border:1px solid #DDDDDD; 
    padding:0.6em; 
} 
4

你需要用good css reset開始了。應該照顧你的填充問題。將CSS重置作爲您網頁上的第一個CSS樣式導入,然後從此處開始。

還,不使用

<br/> 

如果你能幫助它。該BR確實可以用保證金

+1

有時候
元素是正確的。例如1600 Pennsylvania Ave
NW Washington,
DC 20500,
美國 – Quentin 2009-06-16 14:58:18

+0

甚至可以使用微格式更好地完成:http://microformats.org/wiki/adr它非常冗長,但它可以幫助用戶代理理解文檔 - 並且你可以從它的樣式上的球。 – Oli 2009-06-16 15:33:47

0

實現的一切:在你的代碼「填充0像素」適用於表格單元在這種情況下,沒有圖像標籤。

0

您需要:

styles.css (line 15) 
img { 
border:0 none; 
margin:-2px; <-- remove this 
padding:0; 
} 

styles.css (line 77) 
tr td { 
border:1px solid #DDDDDD; 
padding:0.6em; <-- remove this 
} 
0

Hmmmmm,152在HTML驗證警告,大量未關閉的標籤....

對於旁邊的圖像空間的特定問題,你可以嘗試刪除</A >標籤和<之間的空白/ td >標記。