вот само меню, для подменю я нашел где задается стиль, а вот для под подменю не могу найти и его стиль наследуется от родительского меню(на картинке обведено). Задача еще усложняется тем что оно динамическое, при наведении курсора меняется стиль, но это у самого меню, для подменю и под подменю не нужно динамики. Подскажите как мне изменить стиль для под подменю вот код CSS для всего меню: Код: Код (CODE): /** CSS for Mainmenu **/ .module_menu ul, .module_menu ul li { background-image : none; list-style :none; display : block; width : auto !important; width : 100%; margin : 1px 0; padding : 0; font-size : 12px; background : none; text-indent : 0px; } ul.menu, ul.menu li { background-image : none; list-style :none; } .module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited { display : block; font-size : 13px; border-bottom : 1px solid #7E8890; font-weight : normal; padding : 2px 0; color : #fff; padding-left : 5px; text-decoration : none; } .module_menu ul li a:hover { border-bottom : 1px solid #7E8890; font-size : 13px; font-weight : normal; color : #7E8890; text-decoration : none; padding-left : 5px; text-decoration : none; background : #FCE3C6; } .module_menu ul li.active a:link, .module_menu ul li.active a:visited { font-size : 13px; font-weight : bold; color : #fff; border-bottom : 1px solid #7E8890; background : #ecd2b4; text-decoration : none; } .module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:hover { background:none; font-size : 13px; font-weight : normal; color : #333333; border-bottom : 1px solid #7E8890; } .module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited { display : block; font-size : 12px; font-weight : bold; color : #333333; padding : 3px 1px 3px 5px; margin : 3px; text-decoration : none; padding-left : 5px; border: none; } .module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover { background:none; font-size : 12px; font-weight : normal; color : #fff; text-decoration : none; padding-left : 5px; } /** это для подменю не активного **/ .module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited { background : none; font-size : 12px; font-weight : normal; color : #7E8890; text-decoration : none; padding-left : 10px; background-image : url(../images/m.jpg) ; background-repeat:repeat-y; background-position: 0px 6px; } /** это для подменю активного **/ ul.menu li.parent ul li#current a { background : none; font-size : 12px; font-weight : normal; color : #7E8890; text-decoration : none; padding-left : 10px; background-image : url(../images/m.jpg) ; background-repeat:repeat-y; background-position: 0px 6px; }
неа ссылки нет, он на локалхосте. Поставил я Firebug штука конечно прикольная, но не пойму пользы особой не дал, пишит мне что для этого под подменю стиль наследуется от родительского, я это и так знаю ))
НЕ знаю. Попробовал Ваш CSS на шаблоне rhuk_milkyway. Все работает. Если есть затруднения - выложите шаблон. Посмотрим...
что работает? задается собственный стиль для под подменю? напишите как вы это сделали пожалуйста. У меня из-за этого треклятого под подменю дальнейшая работа над сайтом стоит Шаблон я вложил
Давайте пробовать разобраться. Как я понимаю, подпункты появляются, когда нажимаешь на ссылку "Продукция"? В таком случае немного поправьте код css, а именно: В коде Код (CODE): .module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited { background : none; font-size : 12px; font-weight : normal; color : #ff0000; text-decoration : none; padding-left : 10px; background-image : url(../images/bullet.gif) ; background-repeat: no-repeat; background-position: 0px 6px; } убираем стили для Код (CODE): .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited и выносим их отдельно. Т.е у нас получается: Код (CODE): .module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited { background : none; font-size : 12px; font-weight : normal; color : #fff; text-decoration : none; padding-left : 10px; background-image : url(../images/bullet.gif) ; background-repeat: no-repeat; background-position: 0px 6px; } .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited { Прописываем соответственно стили для под подменю } Проверьте - отпишите что получится...
Вообше все наперекосяк Да бог с ним, с этим меню, я уже смерился )) завтра сайт выложу на хостинг брошу ссылку вот сайт http://arcotec.ru