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

 

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

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

 

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

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

Карта сайта
 
© http://cms.ak7.ru 2015 v: 2.21.02.11
Яндекс цитирования