www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Оформление таблиц

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

Таблицы и стили

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

Таблица без рамки

Хотя линии между ячейками позволяют четко отделить одни данные от других, ту же самую функцию выполняет и пустое пространство вокруг контента. А чтобы таблица выделялась на web-страницы, для нее устанавливают определенный цвет фона. Заголовок при этом допустимо задать другого цвета.

Простая таблица

Простая таблица характеризуется тем, что в ней, как правило, не используется цветовое решение, а визуальное отделение одного блока данных от другого происходит с помощью линий.

Таблица с рамкой

Рамка вокруг таблицы позволяет акцентировать на ней внимание, отделить от остального содержимого web-страницы и расширить набор средств по дизайну таблиц.

Объемная таблица

Эффект объемности таблицы достигается за счет одновременного использования светлых и темных цветов в рамке или ячейках, при этом возникает иллюзия, что таблица выступает над фоном web-страницы. С помощью стилей таблице можно придать самый разнообразный вид, в том числе и объемный, который может удачно выделяться на фоне своих ?плоских? собратов.

Сетка таблицы

Сетка представляет собой набор горизонтальных и вертикальных линий между ячейками таблицы, которые отделяют содержимое ячеек друг от друга. Сетка используется по умолчанию, если включить отображение границ с помощью параметра border тега TABLE. Однако такие линии отображаются по-разному в различных браузерах, поэтому применение стилей не только позволит удобно управлять видом таблиц, но и сделает их однотипными.

Колонки таблицы

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

Строки таблицы

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

Поиск по сайту


Благодаря своей наглядности, универсальности и простоте таблицы повсеместно применяют на с нашего сайтах, чтобы лучше донести до читателя нужный материал. Однако в большинстве случаев на web-страницах используют весьма убогие средства по представлению табличных данных. Вместе с тем воспользовавшись мощью стилей, можно весьма расширить средства по оформлению таблиц, удачно вписать их в дизайн с нашего сайта и нагляднее представить табличные данные.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект