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

 

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

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

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

 

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

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