logo у меня все покупают г. Москва

Красивая таблица css

10 февраля 2013 в 13:55 CSS

Красивая таблица css

Красивая таблица css

Иногда в шаблонах WordPress таблицы выглядят очень некорректно.  Эта проблема решается очень просто – нужно подправить стили для таблицы.

Открываете файл стилей вашего шаблона (называться он может по разному, в большинстве случаев: style.css ) и находите уже вписанные в ваш шаблон стили для Таблицы.

Сделать это можно просто, пользуясь поиском в браузере. Пишите в поиск: table. Находите, и заменяете все что указано про таблицу на нижеуказанный код :

[php]

/* tables */
table {
border-collapse: collapse;
text-align: left;
margin-bottom: 20px;
width:auto;
font-size: 12px;
color: #000000;
}
th.empty {
background: #fff;
}
tr.empty:hover {
background: #fff;
}
th {
background-color: #aaaaaa;
font-weight: normal;
font-size: 15px;
padding: 0 10px;
color: #fff;
text-shadow:#414141 0 1px 0px;
line-height: 40px;
}
tbody tr {
font-weight: normal;
background-color: #ffffff;
}
tbody tr:nth-child(even) {
background-color: #ffffff;
}
tbody tr:hover {
background-color: #eaeaea;
}
td {
padding: 9px 10px;
border-left: #d7d7d7 1px solid;
border-top: #d7d7d7 1px solid;
border-bottom: #d7d7d7 1px solid;
line-height: 20px;
}
tr td:first-child {
border-left:0;
}

[/php]

В итоге вы получите стили, как показано на скриншоте. Серая полоска – это я навел мышкой на ячейку.

[divider]

Данный код имеет настройки, где  eaeaea – цвет при наведении.

tbody tr:hover {
background-color: #eaeaea;

[divider]

***

Сайт дня: статьи о seo и другая полезная информация на сайте bigfozzy.com

Похожие статьи


Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите контактный E-mail: *

Ваш вопрос:

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

Введите контактный E-mail: *

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Как с вами связаться? *

Введите контактный телефон *

Создадим сайт по картинке или вашему макету
Цена: от 2,900 руб. Я бесплатно рассчитаю стоимость реализации сайта в течение 15 минут.
Как это работает? После расчета стоимости я отпиваюсь вам и вы принимаете решение о дальнейшем сотрудничестве.
Задать вопрос
Опишите вопрос своими словами. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Введите контактный email *

Комментарий

There are no products