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>
</thead>
<tbody>
</tbody>
</table>
Далее: абзацы в ячейке таблицы
Здравствуйте, Евгений!
У вас надо бы выровнять значения в таблице. Чтобы запятая была под запятой. Проще сделать в столбце одинаковое число знаков после запятой и проставить выравнивание каждой ячейки по правому краю.
Руками, конечно, долго возиться. Быстрее поставить всему <tbody> выравнивание справа, а ячейкам с текстом добавить выравнивание слева.
Еще раз советую всем скачать редактор NVU. Там ставишь в таблице нужный цвет ячейки, потом переключаешь в режим кода, смотришь в коде, как это делается. Только не забывайте удалять лишние обрывы строки, в WordPress обрыв внутри строки с атрибутами вообще клинит всю страницу.
добрый день!
подскажите пожалуйста, мне необходимо сделать таблицу у которой бы был фон, а в ячейках таблицы элементы (графика, текст) но у меня не получается задать фон для таблицы, какими способами это можно сделать?
Фон для таблицы задается аналогично, только вставляется в тег table
Но если в таблице стилей задан фон ячеек, то фон таблицы будет им перекрываться и останется прежним. Тогда надо создать в таблице стилей новый класс для таблиц и задать ему фон ячеек (по работе с таблицей стилей см. все предыдущие комментарии).
Или может быть проще найти в таблице стилей фон ячеек и строк и удалить.