HTML, формы и CSS (часть2 - CSS)HTML, формы и CSS (часть2 - CSS)

Доброго всем времени суток, и в этой статье я продолжаю разговор о формах но уже с точки зрения CSS. Сегодня я хочу вынести на ваше обозрение набор возможностей для оформления форм с помощью CSS. А так как лучше один раз увидеть чем сто раз услышать, то я хочу построить этот урок в форме (опять эти формы!): краткое описание => демонстрация => код выполнения.

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

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

Дата: 2011-07-30

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



 HTML, формы и CSS  (часть 1)HTML, формы и CSS (часть1 - HTML)

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

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

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

Дата: 2011-07-23

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



border-radiusКруглые углы, border-radius и CSS3

    Доброго всем дня! Сегодня я хочу обратится к вопросу создания закругленных углов для различных элементов страниц сайта. Если раньше для создания подобных вещей использовались картинки или скрипты, то с появлением CSS3 и его свойства border-radius это стало возможным делать и с помощью стилей.

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

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

Дата: 2011-07-07

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



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

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

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

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

Дата: 2011-06-07

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



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

    Сегодня я расскажу вам как создать шаблон сайта с помощью таблиц.
Наш сайт будет состоять из шапки сайта – блок header, там разместится название сайта и блок горизонтальной навигации; основного блока content, с содержимым сайта; правого сайдбара - блок sideRight, в котором будет размещаться блок вертикальной навигации; и футера или подвала сайта - блок footer, в котором я размещу авторскую информацию.

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

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

Дата: 2011-06-05

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



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

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

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

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

Дата: 2011-05-15

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



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

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

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

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

Дата: 2011-05-04

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



Флажки формы checkbox  и свойства таблицы colspan и rowspanФлажки checkbox и свойства таблицы colspan и rowspan

    В этом уроке я закончу разговор о формах и перейду к рассмотрению таблиц, а точнее их свойств colspan и rowspan, позволяющих объединять ячейки таблицы.
    А поможет мне в этом, последний из не рассмотренных ранее элементов форм – элемент множественного выбора флажок - checkbox.

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

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

Дата: 2011-04-13

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



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

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

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

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

Дата: 2011-04-12

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



Изучаем поведение большинства элементов формИзучаем поведение большинства элементов форм

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

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

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

Дата: 2011-04-03

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