WebKit и псевдокласс :empty

Вчера, благодаря своему читателю, я обнаружил в очень интересную ошибку: оказывается, что он не понимает псевдокласс :empty (из  3). Далее »

Автор: , опубликовано в: CSS, комментариев: 2
22
Окт
2009

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

В статье "Избавляемся о ошибок xHTML-валидации при использовании JavaScript, Flash, <noindex>, CSS" рассказывается о четырёх основных источниках неправильной разметки в :

  1. ;
  2. Глобальные , размещаемые в заголовке документа;
  3. Flash;
  4. Несуществующий по стандартам тег <>, придуманный Яндексом

Естественно, после прочтения статьи я решил проверить свой, как я полагал, валидный, блог. В том-то и дело, что только плагал: нашёлся пятый источник неправильной разметки. Где бы Вы думали? В самом WordPress, в функции (). Далее »

Автор: , опубликовано в: WordPress, комментариев: 11
7
Июл
2008

Кросс-браузерный резиновый трёхколоночный макет в высоту окна

Недавно понадобилось сверстать резиновый с высотой 100% и колонками одинаковой высоты. К моему удивлению, это оказалось не очень простым делом: вместо планируемого получаса это заняло намного больше времени.

Требования к макету:

  • кросс-браузерность (куда без неё);
  • минимальная высота: 100% (полное окно, независимо от высоты контента);
  • минимум кода;
  • все три колонки должны быть одинаковой высоты;
  • никакого .

Далее »

Автор: , опубликовано в: CSS, HTML, комментариев: 36
29
Июн
2008

Пять звёздочек без JavaScript

Прочитал сегодня статью "Пять звёздочек" на Pepelsbey.net. Автор описывает очень интересный подход для реализации механизма рейтингов; основное преимущество описываемого подхода — минимум за счет грамотного использования . Далее »

Автор: , опубликовано в: CSS, HTML, комментариев: 4
30
Май
2008

Проблема с плавающими элементами в FireFox и IE6/7

При решении одной задачи с вертикальным выравниванием и плавающими элементами внутри ячейки таблицы, натолкнулся на одну очень интересную особенность браузеров, построенных на движке Gecko, а также Internet Exploret 6 и 7: плавающие элементы конфликтуют со статическими инлайновыми или псевдо-инлайновыми элементами. Далее »

Автор: , опубликовано в: CSS, комментариев: 1
20
Май
2008

Аккордеон на CSS без использования JavaScript

В статье "парочка аккордеонов" я рассказывал, как сделать простой с использованием . Однако, будучи "certified  2.0 designer" и "certified  1.0 designer", я не смог удержаться, чтобы не сделать аккордеон без JavaScript (только на CSS/XHTML). Далее »

Автор: , опубликовано в: CSS, HTML, комментариев: 11
14
Апр
2008

Парочка аккордеонов

Недавно в одном из проектов появилась необходимость использовать (подобный используемому на Desert Ridge Marketplace). Любят заказчики дешевые эффекты, ничего здесь не поделаешь :-)

Чем мне не понравился аккордеон на Desert Ridge — это полной зависимостью от : если выключен, навигация по сайту переставала работать. Это мне не понравилось, и я решил написать свой.

Представляю два решения:

  1. Подменю сворачивается/разворачивается по щелчку, элементы не зависят друг от друга;
  2. Подменю сворачивается/разворачивается по щелчку, при этом не может быть более одного развёрнутого подменю.

При выключенном JavaScript оба аккордеона трансформируются в двухуровневый список. Далее »

Автор: , опубликовано в: CSS, JavaScript, комментариев: 22
13
Апр
2008

Размещение блока неизвестного размера в центре страницы при помощи CSS

Гуляя по Internet, совершенно случайно натолкнулся на статью "Стили CSS - центрируем объекты по центру веб-страницы".

Первой мыслью было, что автор начнёт рассказывать про вертикальное центрирование и всем известный margin: 0 auto. Но не тут-то было, всё гораздо интереснее :-) Далее »

Автор: , опубликовано в: CSS, HTML, комментариев: 5
1
Апр
2008

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

В Internet есть много статей, посвященных вопросу "to hack or not to hack". Я не хочу обсуждать этот "извечный вопрос", только замечу: что бы там ни говорили противники хаков, хаки весьма и весьма популярны (к счастью или сожалению). Я решил сделать небольшую подборку -хаков для различных браузеров. По сути дела, эта статья является компиляцией очень многих источников. Далее »

Автор: , опубликовано в: CSS, комментариев: 7
24
Мар
2008

Кросс-браузерное всплывающее гибридное меню на CSS без использования JavaScript

Ранее я уже говорил о причинах, побудивших меня сделать на чистом без использования . Борясь с , у меня получилась красивая версия вертикального меню — его реализация оказалась проще. Теперь обещанное горизонтальное меню. Далее »

Автор: , опубликовано в: CSS, HTML, комментариев: 5
23
Мар
2008
  • 1
  • 2
»