|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Выпадающие меню (Одинаковые стили к li и ui) |
Выпадающие меню |
Пытаюсь на сайте сделать выпадающее меню. Все бы нормально- да вот только с количеством сложений в меню идут одинаковые стили- которые присваивает сама система.
Код <ul class="uMenuRoot"> <li><a href="/" class=" uMenuItemA"><span>Главная</span></a></li> <li class="uWithSubmenu"><a href="/#section2"><span>Услуги компании</span></a><ul> <li class="uWithSubmenu"><a target="_blank" href="/publ/nerudnye_materialy/nerudnye_materialy/18"><span>Нерудные Материалы</span></a><ul> <li><a href="/publ/nerudnye_materialy/nerudnye_materialy/prodazha_peska/18-1-0-22"><span>Продажа песка</span></a></li> <li><a href="/publ/nerudnye_materialy/nerudnye_materialy/postavka_peska/18-1-0-23"><span>Поставка песка</span></a></li></ul></li> <li><a href="/publ/prodazha_asfalta/prodazha_asfalta/prodazha_asfalta/20-1-0-32"><span>Продажа асфальта</span></a></li> <li><a target="_blank" href="/publ/arenda_spectekhniki/arenda_spectekhniki/22"><span>Аренда спецтехники</span></a></li> <li><a target="_blank" href="/publ/blagoustrojstvo/blagoustrojstvo/24"><span>Благоустройство</span></a></li> <li><a target="_blank" href="/publ/asfaltirovanie/25"><span>Асфальтирование</span></a></li> <li><a target="_blank" href="/publ/grunt_rastitelnyj/29"><span>Грунт растительный</span></a></li> <li><a target="_blank" href="/publ/prodazha_asfalta/prodazha_asfalta/prodazha_asfalta/20-1-0-32"><span>Продажа асфальта</span></a></li> <li><a target="_blank" href="/publ/arenda_spectekhniki/arenda_spectekhniki/spasenie_spectekhniki/22-1-0-36"><span>Спасение спецтехники</span></a></li> <li><a target="_blank" href="/publ/otsev_pgs_i_shhps/otsev_pgs_i_shhps/26-1-0-56"><span>Отсев ПГС и ЩПС</span></a></li> <li><a target="_blank" href="/publ/boj_betona/boj_betona/27-1-0-57"><span>Бой бетона</span></a></li> <li><a target="_blank" href="/publ/boj_kirpicha/boj_kirpicha/28-1-0-58"><span>Бой кирпича</span></a></li></ul></li> <li><a href="/photo"><span>Наши проекты</span></a></li> <li class="uWithSubmenu"><a href="/publ/stati_pro_stroitelstvo/2"><span>Статьи</span></a><ul> <li><a href="/publ/stati_pro_stroitelstvo/asfalt/asfalt/3-1-0-4"><span>Асфальт</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/uslovija_arendy_spectekhniki/uslovija_arendy_spectekhniki/4-1-0-5"><span>Условия аренды спецтехники</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/rynok_peska/rynok_peska/5-1-0-6"><span>Рынок песка</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/rynok_shhebnja/rynok_shhebnja/6-1-0-10"><span>Рынок щебня</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/dinamika_stroitelnogo_rynka/dinamika_stroitelnogo_rynka/7-1-0-11"><span>Динамика строительного рынка</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/blagoustrojstvo_territorij/blagoustrojstvo_territorij/8-1-0-12"><span>Благоустройство территорий</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/obshhaja_tekhnologija_stroitelstva/obshhaja_tekhnologija_stroitelstva/9-1-0-13"><span>Технология строительства</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/metod_geokompozita/metod_geokompozita/10-1-0-14"><span>Метод геокомпозита</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/stroitelstvo_domov/stroitelstvo_domov/11-1-0-15"><span>Строительство домов</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/o_stroitelstve_v_kitae/o_stroitelstve_v_kitae/12-1-0-16"><span>О строительстве в Китае</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/dobycha_peska/dobycha_peska/13-1-0-17"><span>Добыча песка</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/stroitelnyj_biznes_segodnja/stroitelnyj_biznes_segodnja/14-1-0-18"><span>Бизнес сегодня</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/ehkonomija_pri_stroitelstve/ehkonomija_pri_stroitelstve/15-1-0-19"><span>Экономия при строительстве</span></a></li> <li><a href="/publ/stati_pro_stroitelstvo/kotlovany/kak_rojut_kotlovany/16-1-0-20"><span>Котлованы</span></a></li></ul></li> <li><a href="http://ctk-sodeistvie.ucoz.net/index/klienty_kompanii_stk_sodejstvie/0-4"><span>Клиенты</span></a></li> <li><a href="/#section4"><span>О компании</span></a></li> <li><a href="/#section7"><span>Контакты</span></a></li></ul> Код .uWithSubmenu > ul {display: none;} .uWithSubmenu > ul > li > ul {display: none;} .uWithSubmenu:hover > ul { border-top: 1px solid #e4e4e4; display: block; position: fixed; z-index: 123; } .uWithSubmenu:hover > ul > li { background: #f3f3f3 none repeat scroll 0 0; border-top: 1px solid #e4e4e4; display: block; z-index: 123; line-height: 45px; } .uWithSubmenu:hover > ul > li > ul { /**background: #f3f3f3 none repeat scroll 0 0;**/ border-top: 1px solid #e4e4e4; display: block; position:fixed; z-index: 123; } .uWithSubmenu:hover > ul > li > ul > li { background: #f3f3f3 none repeat scroll 0 0; border-top: 1px solid #e4e4e4; display: block; z-index: 123; line-height: 85px; } Вся проблема в том что- с последующей вложенностью меню- система всем li присваивает одинаковый стиль uWithSubmenu, а мне как раз нужно подредактировать 2 вложение в меню. Чтобы оно отображалось правее основного меню. Т.е. применить стиль inline-block. Но как это сделать? Вот скрин как выходит. А надо чтобы продажа песка и поставка песка- показывалось рядом Прикрепления:
8537126.jpg
(69.9 Kb)
|
| |||
| |||