Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Оформление таблиц

.

Элемент table очень прост: он содержит все данные, которые составляют таблицу, но, как видно из рис. 6.3, это не слишком привлекательно.

Рис. 6.3. Представление таблицы по умолчанию

Как мы можем это изменить? Если вы подумали о CSS, ставьте себе пятерку, — именно они нам и помогут!

Границы, интервалы и выравнивание

Начнем с того, что добавим границы вокруг ячеек:

Рис. 6.4. Однопиксельная граница вокруг каждой ячейки

Наверное, это не то, чего вы ожидали. Интервалы между ячейками могут быть удалены свойством border-collapse: collapse, добавленным в правило для элемента table.

Уберем интервалы между ячейками и немного украсим нашу таблицу. Установим левостороннее выравнивание для заголовков. По умолчанию содержимое ячеек с заголовками (th) выравнивается по центру, что может выглядеть нелогично по отношению к другим ячейкам, которые изначально выровнены по левому краю. На рис. 6.5 показаны результаты следующих изменений (и некоторых других мелких доработок):

Ну что, уже немного получше, не так ли?

Рис. 6.5. Правила стилей применены к таблице

.

Читайте так же:
Not found