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

 

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

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

 

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

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

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