Все записи по тегу ‘CSS’

горизонтальные линии hr

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

Итак: толщина 1 пиксель без рамки (это именно то, что используется наиболее часто)

1
2
3
4
color:#000;
background-color:#000;
height: 1px;
border-width:0px;

Футер внизу страницы. Мытарства закончены

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

Читать полностью »

Плавное изменение прозрачности изображений

Сегодня выкопал красивый эффект плавного изменения прозрачности изображений. Готов поделиться с вами. Сразу скажу, что скрипт не новый, а нашел я его у Tigir (там же смотрим и примеры работы). Что мне понравилось: простота подключения и управления скриптом.

Читать полностью »

Используем list-style-image

В своем очередном проекте по созданию сайта столкнулся с интересной задачей: необходимо маркер списка задать рисунком. Оказывается, есть такая фича, как list-style-image, которая именно это и делает.

list-style-image работает корректно во всех браузерах и на ура проходит валидацию. А валидация в деле создания сайтов – вещь далеко не последняя.

Читать полностью »

Имя класса с пробелом. Копаем вглубь

Часто при создании сайтов сталкиваюсь с ситуацией, когда в имени класса присутствуют пробелы, например:

1
class="myclass field12"

Как же добраться к этому классу из ? Чаще всего нет возможности влезть в CMS, чтобы изменить эти поля, да и многие функции могут перестать работать. Что же делать с подобной организацией -классов?

Читать полностью »

DIV: резина + фиксированная верстка

Задача в принципе стоит простая: есть три колонки. Первая привязана к левому краю и имеет фиксированную ширину, вторая привязана к правому краю и имеет фиксированную ширину, третья располагается между первыми двумя и занимает всё оставшееся место. Согласитесь, создание сайтов с такой структурой довольно часто встречается. Я сам написал сайт недорого по такой структурке.

Читать полностью »

IE6: тихий крик

Когда уже отомрет этот монстр? Так надоело рисовать отдельные ксски для этого несчастного.

Статистика браузеров, вещь объективная, поэтому приведу таблицу данных (liveinternet.ru):

Читать полностью »

Корректный png-фон в IE (+ Joomla bot)

Итак, есть у этого безобразного Ыксплорыра 6 такая весьма занятная штука: при использовании png-фона без повторения (а точнее, с использованием фикса behavior, про который я писал в статье “Подружим png и IE“) он собака несчастная растягивает фон на всю ширину-высоту блока, тем самым делая изображение полностью безобразным.

Читать полностью »

CoolWebmasters.Com – онлайн-журнал для веб-разработчиков

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

Читать полностью »

CSS-хаки для разных браузеров

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

Используя данные хаки вы экономите время разработки проекта и лишаетесь головной боли.

Читать полностью »

free mp3 Armin Van Buuren Jay-Z mp3 downloads Lamborghini представил очередную версию Gallardo Профессиональный макияж в Минске. Фото. free premium themes Gadget News