Squidward

Есть ли что-то вроде first-child last-child, которое позволяет задавать стили не для перв. и послед. элемента, а для любого элемента, принадлежащего родителю?

Копировал эту штуку со статичного html-макета на движок. Вроде и стили все скопировал, и яваскрипты прицепил, и все равно в макете работает, а в моем шаблоне нет. То есть оказалось работать выплывающее меню и слайдер картинок. Элементы, которые должны "выезжать", в моем шаблоне упрямо отображаются как display:none, а динамика для них не включается, хотя в html-макете display:none тоже прописано для них в css, однако яваскрипты для них работают.

Имеем: <ul class="menu"> <li><a href="#">О предприятии</a> <ul> <li><a href="#">Наша история</a></li> <li><a href="#">Награды</a></li> <li><a href="#">Совет директоров</a></li> </ul> </li> </ul> Чтобы меню второго уровня плавно разворачивалось при наведении, прицеплен jquery.js и в нем для .menu должна работать нижеследующая функция, но она не работает (нужный кусок кода начинается с комментария //smooth drop downs): function k_menu() { // k_menu controlls the dropdown menus and improves them with javascript jQuery(".menu a, .catnav a").removeAttr('title'); jQuery(" .menu ul, .catnav ul ").css({display: "none"}); // Opera Fix // remove the last border from category menu item if there are 7 items, that border is not needed if(jQuery(".catnav>li").length >= 7) { jQuery(".catnav>li:last").addClass('noborder'); } //set equal height for all category main items, in case a description is too long var mainitem = jQuery(".catnav>li>a"); mainitem.each(function() { if(jQuery(this).height() < 34) { jQuery(this).css({height:"34px"}); } }); mainitem.equalHeights(); //smooth drop downs jQuery(".menu li, .catnav li").each(function() { var $sublist = jQuery(this).find('ul:first'); jQuery(this).hover(function() { $sublist.stop().css({overflow:"hidden", height:"auto", display:"none"}).slideDown(400, function() { jQuery(this).css({overflow:"visible", height:"auto"}); }); }, function() { $sublist.stop().slideUp(400, function() { jQuery(this).css({overflow:"hidden", display:"none"}); }); }); }); } Почему-то не работает этот кусок, хотя часть кода выше, вот эта, работает: jQuery(" .menu ul, .catnav ul ").css({display: "none"}); // Opera Fix И ul приобретает display: "none". Что я не так делаю?

Спасибо! В Dreamviewver'е тоже похожие инструменты нашел.

Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?

Мда... Онлайн-генераторы только четко заданную структуру могут воспроизводить - шапка, три колонки, футер. А мне нужна возможность произвольного задания кол-ва и расположения дивов.

С помощью какой программы можно быстро сделать произвольную заготовку HTML+CSS, каркас для будущего сайта? Готовые макеты не предлагайте скачивать - это не то. Нужно либо в визивиге, либо в окошках для задания параметров или еще как-то быстро накидать нужный каркас, со всеми нужными float, width и margin. Чтобы экономить время на дальнейшую верстку более мелких элементов.

А вы попробуйте не делать градиент для li, а только для ховер. Может так проявится?

Ни фига... Скругление задано для li (или для a) изначально, а бекграунд только при hover, и все равно скругление с задержкой происходит.

Я не верстальщик, и портфолио не делаю.

А вот это, кстати, не очень хорошая позиция. Свою работу надо делать максимально качественно в любом случае. А кто сказал, что я сайты на "тяп-ляп" собираюсь делать? Я имел в виду, что все, что произойдет с сайтом после меня - это уже зависит от клиента, купившего сайт.

alexriz, спасибо за обстоятельный ответ. Что-то не заметил... А для не-IE браузеров он вообще не подключается. Полазил по форуму, что-то там ничего конкретного не было, кроме того, что вы его каличем обзываете. Мне, например, проще вылечить пропадающие бордеры и бекграунды (на что сетуют пользователи pie и чего я пока вообще не увидел) добавлением всяких position и проч., чем рисовать скругленные уголки для кучи элементов и вешать их. В крайнем случае, уж если pie сильно закапризничает (как в моем случае с li), нарисую пару уголков. Но это мое мнение, никому его не навязываю. Моя задача - сделать сайт (причем не один) и продать его. Что там с ним потом станет, мне уже не важно. psywalker, вы не из Московской или Тамбовской областей? Просто слово "калич" там в обиходе

Radiocity, это не то. Я знаю другие способы скругления. Мне нужно, чтобы корректно заработал именно этот.

Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.

Спасибо, ребята, за помощь. Прикол - для li стояло z-index:1, а я его не заметил (код не мой). Вот он поверх бордера и отображался.

Ребят, меню ЦМСка генерит, как же я на отдельные li классы наложу?

Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как быть? Спасибо.