2012-04-07 7 views
4

私は、特定のHTMLテーブル(Drupalによって生成された)でセルのパディングの問題に苦労しています。CSSからテーブルセルのパディングを設定する方法は?

表は以下の通りです:

enter image description here

私は次のことを試してみました:

.view-thumbnails-of-tips-and-tricks { 
    padding: 10px 10px 10px 10px; 
} 

私は次のようにセルの内容を中心にパディングを追加したい:

enter image description here

Unforセルの内容ではなく、パディングがテーブルの周りを回っています。これをどうすれば解決できますか?

答えて

10
.view-thumbnails-of-tips-and-tricks tr td { 
    padding: 10px; 
} 
+0

ありがとうございました! – JVerstry

+0

よろしくお願いいたします。 :-) –

2

あなたのクラスの後tdを指定します。

.view-thumbnails-of-tips-and-tricks td { 
    padding: 10px; 
} 

をまた、自分の価値を提供する場合、ユーザーエージェントスタイルシートでHTMLにゼロにcellpaddingを設定してください。この値は、CSS値を上書きまたは追加することができます。

<table cellpadding="0"> 
+0

これは、ありがとう! – JVerstry

0

あなたは、所有者ではなくそのセルにCSSを設定する必要があります。

そのセルのクラス名を設定してCSSをカスタマイズできます。

例:.view-thumbnails-of-tips-and-tricks td { padding: 10px; }

希望

0

はこのように自分のスタイルを定義してください。このヘルプは:(

  1. トップのdiv:

    .view-thumbnails-of-tips-and-tricks td { 
        padding: 10px 10px 10px 10px; 
    } 
    

    それはあなたのためにスタイルを定義していることを意味し識別子 ".view-thumb-of-tips-and-tricks")

  2. div内のテーブル
関連する問題