Выпадающее меню [РЕШЕНО]

[Madmiker]

Добрый день, коллеги.
Сильно озадачен такой проблемой с выпадающим меню.
Очень простой сайт-каталог, где нужно сделать минимальную разбивку по ценовым сегментам: бюджет, эконом, бизнес и т.д. Если наглядно, ссылки такого вида (например по быт. технике):

Телевизоры -(общая ссылка на весь каталог телевизоров)
-Дешевые -(подстраница с картинками и описанием тв. По данной кнопке выпадает меню с названиями телеков)
-- "название 1"
-- "название 2" и т.д.
-Средние -(Аналогично примеру выше - подстраница с картинками и описанием тв. По данной кнопке выпадает меню с названиями телеков)
-- "название 1"
-- "название 2" и т.д.
Холодильники
-Дешевые
-- "название 1"
-- "название 2" и т.д.
-Средние
-- "название 1"
-- "название 2" и т.д.

Цель: сделать визуальное отличие ссылок "телевизоры" и "холодильники" с логичным продолжением "дешевые", "средние" и далее. К сожалению, используя стандартные методы WB, не могу это реализовать, т.е. все изменения касаются сразу всего блока: и "телевизоры" и "дешевые" меняются одинаково. Можете помочь с этим? Может я чего-то не вижу?

Выпадающее меню выбрано ввиду большого кол-ва материала, которое надо хоть как-то систематизировать и преподнести посетителям сайта.

Заранее спасибо за ответ.

[Madmiker]

Видимо, или решения нет или говорить не хотят :) Жаль.

[Vika]

Я бы с удовольствием подсказала, но не применяла такое меню. Если стандартным способом не получается, то воспользоваться надо событиями. Напимер при наведении на какую то ссылку задать событие открыться еще одной и быть открытой пока в фокусе эта ссылка. Если хотите, то поищу тему где я расспрашивала ребят как это сделать, может она вам поможет.

[Madmiker]

Это не то, что нужно. Хочется, чтобы ссылка была на виду вне зависимости от положения курсора.
В любом случае, спасибо за ответ. Буду дальше разбираться.

[Madmiker]

Возможно, следующая постановка вопроса сдвинет поиск решения.
Поскольку размеры выпадающего меню динамические, возможно ли как-то под него подстроить обычные текстовые ссылки? Т.е. в моем случае линки "Телевизоры" и "Холодильники" - обычные ссылки, а все что под ними - выпадающие. При этом полностью раскрытое меню под "Телевизоры" не закрывало бы линк "Холодильники", а автоматом сдвигало вниз?

[MazikDj]

тут код который можно вставить через "Вставка HTML"

<ul id="navmenu-v">
<li><a href="#">BMW</a>
<ul>
<li><a href="http://ееререарер/folder2/bmw_e34_mw.html">BMW E-34</a></li>
<li><a href="http://аераерраfolder2/bmw_e39_mw.html">BMW E-39</a></li>
</ul>
</li>
<li><a href="#">CHERY</a>
<ul>
<li><a href="http://аераераер/folder2/chery_tiggo_mw.html">Chery Tiggo</a></li>
<li><a href="http://аераераере/folder2/chery_elara_mw.html">Chery Elara</a></li>
</ul></li>
<li><a href="#">CHEVROLET</a>
<ul>
<li><a href="http://аераерае/folder2/chevrolet_aveo_mw.html">Chevrolet Aveo 5D</a></li>
<li><a href="http://аереарае/folder2/chevrolet_aveo_sedan_mw.html">Chevrolet Aveo(sedan)</a></li>
<li><a href="http://аереараереа/folder2/chevrolet_aveo_t300_mw.html">Chevrolet Aveo T-300</a></li>
<li><a href="http://еееееееееее/folder2/chevrolet_aveo_t250_vida_mw.html">Chevrolet Aveo T-250 ЗАЗ Vida</a></li>
<li><a href="http://еееееееееее/folder2/chevrolet_epica_mw.html">Chevrolet Epica</a></li>
<li><a href="http://еееееееееее/folder2/chevrolet_cruze_mw.html">Chevrolet Cruze</a></li>
<li><a href="http://еееееееееее/folder2/chevrolet_lacetti_mw.html">Chevrolet Lacetti</a></li>
<li><a href="http://ееееееееееее/folder2/chevrolet_orlando_mw.html">Chevrolet Orlando</a></li>
</ul></li>
</ul>
</ul></li>

а тут CSS к этому(даже есть правила для 3 уровня меню)

<style type="text/css">
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
margin: 0;
border: 0 none;
padding: 0;
width: 200px;
height: 28px;
list-style: none;
background: url(images/img9975_hover.png);
}

ul#navmenu-v:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-v li {
float: left;
display: block !important;
display: inline;
position: relative;
}
ul#navmenu-v li ul li {
border:none;
border-bottom:#B3BFB4 1px solid;
}

/* Root Menu */
ul#navmenu-v a {
padding: 0;
display: block;
background-image:url(images/img9975.png);
color: #000000;/*цвет текста на родителе*/
font: 14px/28px Verdana;
text-decoration: none;
height: auto !important;
height: 1%;
text-align:center;
cursor: pointer;
background-repeat:no-repeat;
}


ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
background-image:url(images/img9975_hover.png);/*цвет при наведении на родителя*/
color: #000000;/*цвет текста при наведении на родителя*/
font: 14px/28px Verdana;

}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
color: #ffffff;
background-color: #009c5d;
font-weight: bold;
font-style: normal;
}


ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
background: #009c5d; /* цвет при наведении на потомка*/
color: #ffffff;
text-decoration: underline;
}



ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
display: none;
position: absolute;
top: 0;
left: 200px;
}


ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
display: block;
}
#navmenu-v {
position:absolute;
height:912px;
width:200px; }

</style>