Wie setze ich Tabellenzellenabstand von CSS?

Question

Ich kämpfe mit einem Zellauffüllungsproblem in einer bestimmten HTML-Tabelle (generiert von Drupal).

Die Tabelle ist folgende:

Ich habe versucht, die folgenden:

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

Ich möchte Polsterung um Zellinhalt, wie folgend hinzu:

Unfor glücklicherweise geht das Auffüllen um den Tisch, anstatt den Inhalt der Zellen. Wie kann ich das lösen?

Answer 1

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

Answer 2

Geben td nach Ihrer Klasse:

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

Stellen Sie außerdem sicher cellpadding auf Null im HTML in Fall Sheets User-Agent bieten ihren eigenen Wert zu setzen. Dieser Wert kann den CSS-Wert überschreiben oder hinzufügen.

<table cellpadding="0"> 

Answer 3

Sie sollten CSS auf diese Zelle setzen, nicht den Halter.

So können Sie den Klassennamen für diese Zelle festlegen und die CSS anpassen.

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

Hope this Hilfe

Answer 4

wie folgt definieren Stil Versuchen:

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

Es bedeutet, dass Sie Stil definieren für:

1. oben div (Bezeichner ".view-thumbnails-of-tips-and-tricks")
2. tabelle innerhalb der div ("td")