Эта статья расчитана на самых, что не на есть, начинающих или по-просту “чайников” в блочной верстке. Сегодня речь пойдет именно о понятии формирования блочных элементов. Для самых начинающих, кто только начинает учить css верстку, томо никак нельзя пропустить эту статью-урок. Желаю удачи и интереса! Читайте… Читать далее »

И опять же мой пост из рубрики “вкусности на заказ“! Сегодня я расскажу об вертикальном статическом и динамическом скролле для елемента div. Можно, конечно, использовать эти два способа и для таблиц, но результат будет не тот, как и верстка таблицами =) Итак, намечаем цели.

Первое задание состояло в том, чтобы сделать фиксированый блок и если в нем много контента – справа была полоса прокрутки. Это просто сделать с помощью свойства overflow: scroll. Но погодите, не все так просто. При таком условии появится п горизрнтальная прокрутка…Что же деалать? Читать далее »

Хочу рассказать Вам о css правилах с помощью которых  можно сделать фиксированные баннеры, картинки, меню и так далее для Вашего сайта, блога.

Сегодня я Вам расскажу:

1. Как сделать фиксированый фон для сайта.
2. Как сделать фиксированый блок.
3. Как сделать фиксированное меню, которое будет всегда с Вами по странице.

Читать далее »

“Поплавки” или как еще называется этот метод “обтекание блока“, служат для того что бы расположить блоки в 1 строку. Наглядный пример меню на моем блоге. Каждый пункт (обо мне, блог, портфолио и т.д.) создается с помощью блока div. Это не моя прихоть. Вы скажете, что сейчас все меню делаются списком, но тут уже все дело в плагине. Так сделано, что плагин сам создает меню на основе div’ов. Как тут быть, ведь все дивы будут становиться в столбик. Вот тут и приходит на помощь свойство float.

Float определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое — одна строка обтекающего текста может быть на той же линии, что и сам элемент.

Читать далее »