CSSからテーブルセルのパディングを設定する方法は？

Question

私は、特定のHTMLテーブル（Drupalによって生成された）でセルのパディングの問題に苦労しています。

表は以下の通りです：

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

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

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

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

Answer 1

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

Answer 2

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

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

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

<table cellpadding="0"> 

Answer 3

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

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

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

希望

Answer 4

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

1. トップのdiv：

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

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

2. div内のテーブル