Блог «Моя Конда»

Кондинский
    район

Юмас - Кондинский район

Фон в таблице

16.01.2014   Соколов В.

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

Евгений

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

Фон ячейки стандартно определяется так.
в тег <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>

Далее: абзацы в ячейке таблицы

Комментарии

  1. В. Соколов

    Здравствуйте, Евгений!

    У вас надо бы выровнять значения в таблице. Чтобы запятая была под запятой. Проще сделать в столбце одинаковое число знаков после запятой и проставить выравнивание каждой ячейки по правому краю.

    Руками, конечно, долго возиться. Быстрее поставить всему <tbody> выравнивание справа, а ячейкам с текстом добавить выравнивание слева.

    • В. Соколов

      Еще раз советую всем скачать редактор NVU. Там ставишь в таблице нужный цвет ячейки, потом переключаешь в режим кода, смотришь в коде, как это делается. Только не забывайте удалять лишние обрывы строки, в WordPress обрыв внутри строки с атрибутами вообще клинит всю страницу.

  2. Александр

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

    • В. Соколов

      Фон для таблицы задается аналогично, только вставляется в тег table

      Но если в таблице стилей задан фон ячеек, то фон таблицы будет им перекрываться и останется прежним. Тогда надо создать в таблице стилей новый класс для таблиц и задать ему фон ячеек (по работе с таблицей стилей см. все предыдущие комментарии).

      Или может быть проще найти в таблице стилей фон ячеек и строк и удалить.

Навигация по комментариям

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

 

(комментарий будет опубликован после проверки модератором)



Нажимая на кнопку, вы даете согласие на обработку своих персональных данных