Как установить заполнение ячейки таблицы из CSS?

Я борюсь с проблемой заполнения ячеек в заданной таблице HTML (сгенерированной Drupal).

Таблица следующая:

введите здесь описание изображения

Я пробовал следующее:

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

Я хочу добавить отступы вокруг содержимого ячейки следующим образом:

введите здесь описание изображения

К сожалению, отступы обходят таблицу, а не содержимое ячеек. Как я могу это решить?


person Jérôme Verstrynge    schedule 07.04.2012    source источник


Ответы (3)


Укажите td после вашего класса:

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

Кроме того, обязательно установите cellpadding равным нулю в HTML на случай, если таблицы стилей пользовательского агента предоставляют свое собственное значение. Это значение может переопределять значение CSS или добавляться к нему.

<table cellpadding="0">
person Evan Mulawski    schedule 07.04.2012

Вы должны установить css для этой ячейки, а не для держателя.

Таким образом, вы можете установить имя класса для этой ячейки и настроить css.

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

Надеюсь, это поможет

person Nguyễn Hoàng Gia    schedule 07.04.2012

Попробуйте определить свой стиль следующим образом:

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

Это означает, что вы определяете стиль для:

  1. верхний div (идентификатор ".view-thumbnails-of-tips-and-tricks")
  2. таблица внутри этого div ("td")
person Dima    schedule 07.04.2012