Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Фиксированная ширина, три колонки

Пример 3. Применение свойства clear | Описание | Пример 3. Создание макета с двумя колонками | Пример 4. Код HTML 5 | Пример 2. Создание макета с двумя колонками | Пример 3. Код HTML 5 | Фиксированная ширина, навигация слева | Пример 1. Создание двух колонок | Резиновая ширина, навигация слева |


Читайте также:
  1. B. Найдите к словам в колонке А антонимы из колонки В.
  2. Відшукайте потрібні слова до першої колонки, щоб утворилися фразеологізми
  3. Задание 13. Распределите глаголы в три колонки соответственно признакам 3-х основных форм глагола.
  4. Направляющие колонки
  5. Направляющие колонки и втулки
  6. Резиновая ширина, навигация слева
  7. Упражнение 24. Найдите в колонке В эквиваленты словосочетаниям из колонки А.

Трехколоночный макет часто используется в тех случаях, когда двух колонок уже недостаточно или требуется особым образом разделить материал. Например, одна колонка отдается под контент, вторая под навигационные ссылки, а в третьей публикуются новости сайта или другая информация (рис. 1).

Рис. 1. Трехколоночный макет

Общий каркас определяется с помощью слоя с именем container, он задает ширину и выравнивание макета. Внутри располагаются колонки, причем их порядок в коде такой: левая (назовем ее nav), правая (aside), центральная (content). Построение слоев показано в примере 1.


Дата добавления: 2015-08-20; просмотров: 47 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Пример 2. Макет с двумя колонками| Пример 3. Трехколоночный макет

mybiblioteka.su - 2015-2024 год. (0.004 сек.)