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

 

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

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

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

 

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

ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
НОЧНАЯ СОВА НОЧНАЯ СОВА
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
НОЧНАЯ СОВА НОЧНАЯ СОВА
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
НОЧНАЯ СОВА НОЧНАЯ СОВА
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
НОВЫЙ ГОД У ВАС В САДУ! НОВЫЙ ГОД У ВАС В САДУ!
РЕДКИЙ НАБОР!!!! РЕДКИЙ НАБОР!!!!
СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ СЕРЬЕЗНАЯ ИСТОРИЯ В 6 ЧАСТЯХ
ТОЛЬКО У НАС! ТОЛЬКО У НАС!
ПРИХОДИТЕ НА КОНЦЕРТ! ПРИХОДИТЕ НА КОНЦЕРТ!
ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ! ВЫ ДОЛЖНЫ ЭТО УВИДЕТЬ!
ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ! ФИНАНСОВОЕ ИСКУССТВО ДОСТУПНО КАЖДОМУ!
ВАША ЕЛЬ - НАШИ ИДЕИ! ВАША ЕЛЬ - НАШИ ИДЕИ!
ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ ЛЕГЕНДА ШЕСТЬ-ОДИННАДЦАТЬ
НОЧНАЯ СОВА НОЧНАЯ СОВА

Карта сайта               
 
© http://cms.ak7.ru 2015 v: 2.19.9.3