Вы выбираете по ключевому слову: div


Создание шаблона сайта с помощью блоковСоздание шаблона сайта с помощью блоков

     В этом уроке я продолжу тему начатую в уроке "Создаем шаблон сайта с помощью таблиц" и обращусь к созданию шаблона сайта с помощью блоков, суть которой заключается в том, что базовый шаблон (каркас) страницы формируется из блоков, в качестве которых выступают HTML теги div. С помощью стилей эти блоки позиционируются на странице формируя шаблон сайта, который уже затем наполняют содержимым.

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-06-07

Просмотров: 27425



Создаем простой динамический сайт на PHPСоздаем простой динамический сайт на PHP

    В данном уроке я приведу пример создания простого динамического сайта на PHP. Сайт будет основываться на блочной верстке с помощью тегов DIV.
    Динамический сайт можно сравнить с конструктором, который позволяет из отдельных блоков (шапка сайта, левый сайдбар, правый сайдбар, основной блок, футер сайта  и т.д.), собрать на сервере HTML страницу и отправить ее пользователю. Причем каждый отдельный блок можно мнять независимо от других и подключать их в том месте нашего сайта, в котором он будет необходим.

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-05-31

Просмотров: 103705



z-indexИсследуем свойство z-index с помощью jQuery

    В уроке Управление положением слоя с помощью z-index мне понадобилось продемонстрировать в интерактивном режиме действие свойства z-index на примере трех разноцветных квадратов с пересекающимися границами. Каждому из квадратов было присвоено свое свойство z-index и для демонстрации необходимо было динамически переопределять свойства установленные по умолчанию. Для динамического изменения содержания веб страницы как нельзя лучше подходит jQuery, событие click и свойства объекта события ctrlKey, shiftKey и altKey.

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-05-19

Просмотров: 9270



z-indexУправляем положением слоя с помощью z-index

    CSS предоставляет нам средство для управления расположением слоев на веб странице, с помощью свойства стиля z-index. Можно явно изменить используемое по умолчанию разбиение элементов страницы на слои, кодируя их свойство стиля z-index.

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-05-15

Просмотров: 10336



Абсолютное позиционирование слоя на веб-страницеАбсолютное позиционирование слоя на веб-странице

    Сегодня я рассмотрю абсолютное позиционирование слоев на веб странице.
Слои представляют собой элемент веб - страницы, видом и положением которых можно управлять с помощью стилей, что позволяет накладывать слои друг на друга, а так же динамически менять параметры.
    Это позволяет создавать в документе разные эффекты, такие как выпадающие меню, разворачивающиеся баннеры, плавающие окна и т.д.

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-05-04

Просмотров: 5788



Создание двух колонок с помощью отступов и слоевСоздание двух колонок с помощью отступов и слоев

Существует несколько способов создания колонок с помощью стилей. В этом уроке я рассмотрю создание двух колонок с помощью отступов и слоев c использованием блочного элемента div и свойства CSS margin-left.

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-04-12

Просмотров: 4006



Изменяем атрибуты границ тега DIV с помощью формы и PHPИзменяем атрибуты границ тега DIV с помощью формы и PHP

Взаимодействие большинства элементов формы с PHP программой-обработчиком, на примере программы демонстрирующей различные атрибуты границ применяемых в каскадных таблицах стилей CSS. С помощь этой программы пользователь может задавать вид, цвет, и размер границы, которая будет формироваться вокруг текста помещенного внутрь тега DIV

Подробнее...

Автор: Сергей Зарубин

Дата: 2011-04-05

Просмотров: 4767