The Wayback Machine - https://web.archive.org/web/20090820213801/http://cssmake.ru:80/component/content/article/12/167.html

селекторы в действии - введение

( 0 - user rating )

Оригинал: Selectors in action - step by step tutorial

Этот справочник предназначем для того, чтоб показать как можно использовать селекторы для создания простого расположения (лейаута) на странице. Как часть этого процесса, мы рассмотрим несколько случаев для одного и того же элемента, чтоб показать как различные css правила могут быть написаны для одинаковых селекторов в зависимости от их расположения.

Расположение (layout)

В справочнике будет использоватся 3-колоночная резиновая структура одиноковой высотой в каждой колонке и разными цветовыми заливками.

Существует много способов создать трехколоночную структуру и у каждого способа есть свои плюсы и минусы. Наш способ будет корректно работать при любой ширине боковых колонок. Необходимо только, чтоб ширина центральной колонки была не менее 400 пикселей, чтоб не ломалась структура.

Окончательный вариант примера

Перейти к шагу #1

Добавить комментарий


Защитный код
Обновить

odnaknopka.ru/kolyan.cz
Morty Proxy This is a proxified and sanitized view of the page, visit original site.

Переводы


Купить заказ витрин работаем с регионами РФ
технический перевод

Selectutorial

Селекторы в действии

listutorial

Изображения для маркеров списка

Купить whistler PRO58.
статьи
Morty Proxy This is a proxified and sanitized view of the page, visit original site.