antonKar

В стилях попробуйте вместо .dj-main li.hover использовать .dj-main li:hover

Ок, на выходных сделаю.

Добавит.

Я представил общий случай. Если есть видимое модальное окно, то скрываем его и возвращаем скролл странице. Иначе показываем модальное окно и убираем у страницы скролл.

div#left { min-height: 1px; } как вариант

Вопрос не совсем по теме: на каком сайте лучше смотреть вакансии для верстал в Киеве?

Типа через денвер. Я такие компоненты не встречал. Поэтому я верстаю "под сервер". Зато привязывальщику вёрстки это в плюс - все пути к картинкам в html и css уже прописаны (от корня через слеш).

Кстати да, он похож на Дуэйна Джонсона

В IE8 не прокатит.

"за первым li-элементом" - это до или после первого li элемента? Хотя я в любом случае не вижу никаких проблем всё настроить через margin как для li, так и для псевдоэлементов li. Плюс в моей реализации не будет проблем со скачущим левым верхним углом.

Этот файл срабатывает в IE только в том случае, если страница смотрится "через сервер". И плюс в .htaccess надо прописать AddType text/x-component .htc

В Chrome кликаем по нужному блоку правой кнопкой мыши, выбираем "Просмотр кода элемента", на вкладке Elements выбираем нужный нам блок, справа раскрываем Computed Style.

Тогда это не дизайнер, а личинка дизайнера.

В смысле должен быть виден фон страницы (или что-то типа такого)? Тогда делаем так: 1) В ul делаем верхнюю полосу картинкой, делаем border-radius; 2) Активному li делаем картинкой фон (градиенты не подойдут). 3) Делаем этот пункт также, как в моём предыдущем посте, но теперь мы нарезаем не белый фон для наложения, а синий градиентный фон. Вуаля, под задачу оформления всё выдерживает.

Блин, упустил из виду

По-моему это как-то по гейски. Я по молодости как-то раз так сделал, мне дизайнер такую взбучку устроил, что я больше так не делаю.

Плюс у нас обозначает только следующий элемент. Чуваку писать лестницу из 20 строк вида tr + tr, tr + tr + tr ? Или я что-то упускаю? А у меня одной строкой то, что нам надо. ↓ Ок, а как тут с быстродействием? ↓ tr { blablabla: blablabla; } tr:first-child { blablabla: noblablabla; }

Я бы делал как (рассказываю на схеме ul+li): 1) Для ul делаем полностью заливку всего этого синего фона градиентного (насколько я вижу по картинке можно это сделать на CSS через градиенты и скругление сверху); 2) Для li делаем background: white, а для активного пункта меню делаем background: transparent. 3) Для создания косых скруглённых линий нарезаем левую и правую части в PNG (чтобы белый цвет косой скруглённый накладывать) и через :before и :after делаем наложение сверху на активную li (хотя этот способ с вероятностью в 95% может не сработать в IE8, у него проблемы с этим, если нужна его поддержка, то придётся наложением этих частей делать через две дивки внутри li). Вот как-то собственно и всё.

Ух ты, FF3.6, Chrome 4, Safari 4... А я фигнёй маюсь, на css3pie генерирую код с этими префиксами. Сводим извращения к минимуму: border-radius: 5px; или (если разные скругления для разных углов) border-radius: 5px 6px 7px 8px;

Вам же выше уже сказали всё, чего непонятно? http://jsfiddle.net/kZnJm/

/*стили*/ html { overflow-y: scroll; } /*Javascript*/ $(".showMePleaseModalWindow").click(function() { if ($("div.modalWindow:visible").size() > 0) { $("div.modalWindow").css("display","none"); $("html").css("overflow-y","scroll"); } else { $("div.modalWindow").css("display","block"); $("html").css("overflow-y","hidden"); } });

А что показывается в первом случае в Computed Style для блока с такой font-записью?

Тогда уж tr:first-child ~ tr { .... }

Если я правильно понял img { width: 100%; height: auto; }

Что? o_O Это несерьёзно. Подробнее: сколько в рублях за восьмичасовой рабочий день? +1.