2013-05-20 145 views
-1

我已經嘗試了一切,單元格數據不是填充?

<table cellspacing="10"></table> 

,並試圖做到這一點在CSS以及:

td { 
    padding: 10px; 
} 

一切似乎是工作。我不知道如何解決這個問題,並且已經嘗試了大約2個小時。請幫忙。謝謝。這裏是有問題的網頁的鏈接。

http://s1527.mtchs.org/wordpress/fees/

+0

這甚至沒有接近正確的HTML/css –

+0

我剛剛發佈的代碼不工作。這不是我的整個網頁。 –

+1

您應該發佈更精確的代碼片段。到目前爲止,它的方式非常具有誤導性,使得回答您的問題變得更加困難。 –

回答

1

你有一個樣式規則

.calendar-table table, tbody, tr, td { 
    padding: 0 !important; 
} 

你爲了重寫此需要在筆者重要的樣式較高的特異性選擇。您應該刪除其他規則,或者將其替換爲padding: 10px

+1

我無法引用你的答案,也沒有投票給你 –

+0

非常感謝!我對這樣一個簡單的錯誤感到非常愚蠢。謝謝! –

0

這應該指向你在正確的方向

<style type="text/css"> 
td { 
    padding: 10px; 
} 
</style> 
<table cellspacing="10"> 
<tr> 
    <td>some text</td> 
</tr> 
</table> 
  1. CSS規則中的<style>標籤去(通常在文件的<head>
  2. 的 「C」在CSS中代表級聯。確保其他規則不會覆蓋它。 (有關更多信息,請參閱爆炸藥丸的答案)。
  3. Mozilla有一個良好的kickstart for learning CSS
0

對於更好的HTML和CSS,我建議您將表格中的值包裝在span元素中。這樣你可以實現你的結果,而且你不需要棘手的CSS。

例如:

<tr> 
    <td> 
     <span class='my-fancy-cell'>$1</span> 
    </td> 
</tr> 

,並給予span一類和你需要的CSS。這不僅是更清潔,而且是一個優雅的解決方案。

my-fancy-cell { 
    padding: 10px; 
} 

你(你在其他的答案見)的替代方案是:

  • border-spacing CSS規則
  • important! CSS指令
  • box-sizing CSS規則
  • display CSS規則

(或它們的組合)

+0

我不認爲他們正在尋找的是棘手的。此外,這使代碼不必要地更復雜和龐大。 –