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

Фиксированная ширина, навигация слева

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


Читайте также:
  1. Gastroenterostomia retrocolica posterior (операция Гаккера в модификации Петерсена). Подшивание анастомоза к краям разреза брыжейки поперечной ободочной кишки слева.
  2. В отражении РОТОР – справа, и слева тоже – РОТОР.
  3. Взаимное расположение большой подкожной вены и одноименного нерва на голени (слева). Взаимное расположение малой подкожной вены и сурального нерва на голени (справа).
  4. Вишеград. Третий слева - казачий командир Геннадий Котов.
  5. Внутриотраслевая конкуренция и ее интенсивность.
  6. Год. 1 класс. Учительница Головачева. Старостин Иван Алексеевич стоит 3 в 3-ем ряду слева.
  7. Должников А.И (слева) с товарищами, лето 1945 г. Берлин

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

Рис. 1. Макет с двумя колонками

Создание двух колонок происходит с помощью стилевого свойства float со значением left, которое применяется для левой колонки. При этом одновременно следует установить отступ слева для правой колонки через margin-left, значение которого равно ширине левой колонки плюс расстояние между ними (пример 1).


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


<== предыдущая страница | следующая страница ==>
Пример 3. Код HTML 5| Пример 1. Создание двух колонок

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