Проблема: необходимо применить стиль style_01 только в браузере Opera.
Решение: для этого используем CSS хак следующего вида:

Layout #1
Резина 100%. Ширина всех колонок в %.
Читать дальше »

На этапе верстки сайта возникает проблема создания разметки которая должна соответствовать следующим требованиям:

1. Валидность HTML
2. Валидность CSS
3. Кроссбраузерность.
4. Отсутствие CSS-хаков.

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

1. Кроссбраузерность - корректная работа скрипта в необходимых браузерах.
2. Правильное позиционирование меню при изменении разрешения экрана (особенно актуально при резиновой верстке).
3. Стабильное поведение меню при наведении курсора.
4. Простая смена оформления через редактирование CSS.
5. Легкость добавления новых пунктов.
6. Семантика (это сейчас модно).
7. Простая настройка дополнительных параметров (временных задержек, дополнительных эффектов и т.д.)

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

Проблема: необходимо отцетрировать бокс с контентом по горизонтали и вертикали.
Решение:

1. присваиваем боксу, который необходимо поместить в центр экрана class="centered".
2. в css прописываем:
   PLAIN TEXT
   CSS:

   1. .centered {
   2. position: absolute;
   3. top: 50%;
   4. left: 50%; }

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