русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Краю. Когда текст главного столбца достигает основания бокового меню, он


Дата добавления: 2015-07-09; просмотров: 462; Нарушение авторских прав


Обтекает основание бокового меню, как показано на рис. 12.16. Хоть это и типично

Для плавающих элементов, это не то, что нам нужно сейчас. Чтобы

Основной текст содержимого появился в виде отдельного столбца, следует

Добавить достаточное по размеру левое поле. Это позволит структурировать

Основной текст за пределами бокового меню.

4. Создайте стиль для второго столбца:

#main {

margin-left: 180рх:

Поскольку ширина бокового меню 160 пикселов, поле размером 180 пикселов

Отодвигает основное содержимое на дополнительные 20 пикселов, создавая

Промежуток между этими двумя столбцами. Это дополнительное пустое

Глава 12. Разметка страницы на основе nлавающих элементов

Рис. 12.16. Плавающий элемент в действительности не создает столбец на стран ице.

Он nросто смещает любое содержимое, которое обтекает его, до того места, где он заканчивается

(обведено кружком). После этого содержимое вновь nереходит на свое место nод элементом

место не только облегчает прочтение текста, но и улучшает внешний вид стра·

НИЦЫ .

Предварительно просмотрев страницу, вы увидите, что пришли к разметке

С двумя столбцами.

Добавление еще одного столбца

Как вы моrли видеть, дизайн с двумя столбцами создать несложно. Добавив третий

Столбец, вы сможете преподнести своим nосетителям еще большее количество



<== предыдущая лекция | следующая лекция ==>
Страницы. | Информации. Такую разметку также несложно создавать -действия в этом с,лучае


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.246 сек.