Продолжаем осваивать таблицы

16.01.2014   Соколов В.       WordPress       Оставить комментарий

Здравствуйте. Я начал вести свой блог и с помощью вашего сайта я установил таблицу в свой блог. Единственное, с чем не могу разобраться, как поменять фон ячейки или всей строки. Подскажите как это сделать.

Евгений

Прежде чем приступить к данному материалу, настоятельно советую установить один из редакторов, описанных в предыдущем посте (если у вас нет).

Фон ячейки стандартно определяется так.
в тег <td> вставьте стиль с цветом фона:

<td stile="background:#FFFFFF;">

где вместо белого цвета #FFFFFF ставите нужный.

Если это фон всей строки, то попробуйте вставить в тег <tr>, но если в таблице стилей прописан цвет фона ячейки, то менять фон для всей строки не получится.

Если это часто будет нужно, добавляете в таблицу стилей новый класс или добавляете фон к уже используемому классу (но тогда фон будет таким у всех таблиц или строк такого класса):

.nazvanie {
background:#FFFFFF;
}

А в нужную таблицу, строку или ячейку (хоть абзац) добавляете этот класс:

<table class=nazvanie>

Обратите внимание, если в строке есть пробелы, её берём в кавычки:

<table class="nazvanie classa">

(но лучше без нужды пробелы не ставить. Значения атрибутов в кавычки обычно берут и без пробелов).

Еще один удобный прием, который сам WordPress не добавляет. Если у первой строки таблицы отдельные характеристики, тот же фон или жирный шрифт, то заключаем её в теги <thead>, прописываем в таблице стилей отдельные параметры, а остальные строки, заключенные в теги <tbody> будут прежними. Кстати, при необходимости в тег <tbody> можно добавлять любой стиль, например, выравнивание по центру, — он будет во всех строках.

Таблица будет состоять из тегов (атрибуты опускаем):

<table>

<thead>

<tr>
<td>
</td>

</tr>

 
</thead>
<tbody>

<tr>
<td>
</td>

</tr>

 
</tbody>

</table>

Оглавление               Далее…

Добавить вопрос или комментарий