Рубрика "CSS-верстка", содержит 56 статей (показаны 15-21)

“Резиновая” ширина колонок + эмуляция высоты

13 февраля 2009 г.

Крайне редко мне доводится верстать полностью резиновые макеты, т.е. когда требуется “резиновая” ширина не только для самой страницы, но и для всех колонок (как правило, боковые колонки на моей практике бывают фиксированной ширины). И вот недавно такой случай попался. И это меня немножко поднапрягло =) Пытался искать в Интернете решение похожей задачи, но совсем ничего не ... читать полностью »

Web 2.0 генератор шаблонов HTML + CSS

7 февраля 2009 г.
Web 2.0 генератор шаблонов HTML + CSS

Сегодня двумя веб-разработчиками в лице меня и PHP-мастера Антона a.k.a. molodoy официально дан старт онлайн-сервису под названием “CSS Layout Generator” - генератор шаблонов HTML + CSS. Собственно, из названия сервиса становится ясно, что он из себя представляет. Данная тулза в несколько кликов мыши выдаст вам архив, содержащий в себе пару файлов: HTML и CSS, которые есть ... читать полностью »

Скрипт: hover-эффект для любого элемента в Internet Explorer 6

14 января 2009 г.

В свете предложенных дополнительных вариантов скрипта, так сказать, на все случаи жизни, в комментариях к статье “Простейший скрипт для реализации hover-эффекта для любого элемента в Internet Explorer 6“, а также развернувшихся там же баталий, я решил реинкарнировать данную статью, описав эти варианты, и показать их живые примеры. Вариант 1 Создается файл с расширением .htc (например, ie6hover.htc), в ... читать полностью »

Имитация градиентных заголовков на чистом CSS

25 ноября 2008 г.

Если вы периодически монитерите РУнет на предмет наличия статей о различных CSS-ных штучках, то вам наверняка попадалась техника создания заголовка с помощью обычного текста и одного полупрозрачного изображения-градиента в формате PNG. Вот пример, который я имею в виду. Если коротко, то работает это следующим образом. Имеется вот такой заголовок с отдельно вложенным контейнером: 1<h1>Заголовок<b></b></h1> Контейнер <b></b> позиционируется поверх ... читать полностью »

Верстаем кроссбраузерный “резиновый” макет страницы

8 ноября 2008 г.

Как вы уже могли заметить, страницы моего блога некоторое время назад стали “резиновыми”. Довольно нетривиальная для меня, скажу я вам, ситуация, с которой, на мой взгляд, я справился лишь на четверку. Поэтому пишу данный пост с целью поиска наилучшего решения с вашей помощью, уважаемые читатели и коллеги по цеху =) Итак… Задача - создать кроссбраузерный “резиновый” макет ... читать полностью »

Простейший скрипт для реализации hover-эффекта для любого элемента в Internet Explorer 6

31 октября 2008 г.

Внимание: рекомендуется обновленная версия данной статьи. Несмотря на то, что данное решение уже опубликовано в РУнете не мной, я просто не могу не написать о нем, т.к. решение, на мой взгляд, достойно внимания, и нужно его популяризовать посредством моего блога. Я постоянно слежу за материалами по HTML и CSS верстке, но почему-то до недавнего времени мне нигде ... читать полностью »

Цвет курсора в поле input и кроссбраузерность

12 октября 2008 г.

Однажды я верстал страницу, на которой присутствовало текстовое поле поисковой формы. Ее особенность состояла в том, что фон был темно-серого цвета (с текстом белого цвета), с чем я встретился впервые за всю свою практику. И я с удивлением обнаружил, что в большинстве браузеров курсор, стоящий в таком поле, просто-напросто не видно из-за того, что цвет самого ... читать полностью »