УЧЕБНИК
РАЗВИТИЕ САЙТА
КОЛОННАЯ ВЕРСТКА СТРАНИЦ
 ПРИМЕРЫ КОЛОННОЙ ВЕРСТКИ

 

Стоит сказать еще раз, что мы не рекомендуем использовать для верстки текста без иллюстраций таблицы с числом колонок более двух. Но в случае иллюстрированного текста применение трехколонных таблиц наряду с двухколонными позволяет добиться значительно большего разнообразия в представлении материала. Мы предлагаем Вам ознакомиться с несколькими примерами использования в верстке на одной странице нескольких двух- и трехколонных таблиц.
На странице использованы одна двухколонная и две трехколонные таблицы. Слева вид страницы на сайте, справа – в окне редактора.
Двухколонная таблица. Соотношение ширины колонок подобрано так, чтобы высота текстового блока была примерно равна высоте иллюстрации.
Трехколонная таблица. В левой и средней колонках размещены иллюстрации, в правой – текст. Высота текстового блока равна высоте иллюстраций.
Другой пример использования трехколонной таблицы.

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

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

 

Нажмите на ссылку.

ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
НОЧНАЯ СОВА НОЧНАЯ СОВА
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
НОЧНАЯ СОВА НОЧНАЯ СОВА
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
НОЧНАЯ СОВА НОЧНАЯ СОВА
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
НОЧНАЯ СОВА НОЧНАЯ СОВА
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
Яндекс цитирования