Search the Community

Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-linear-gradient(top, #027bb5 0%, #015b9b 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #027bb5 0%,#015b9b 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #027bb5 0%,#015b9b 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027bb5', endColorstr='#015b9b',GradientType=0 ); /* IE6-9 */}#menu .container {width: 925px;margin: 0 auto;}#menu a {display: inline-block; text-decoration: none; padding: 10px 15px; color: #fff; font-size: 12.5pt;}#menu a:hover {background: #161e84; /* Old browsers */background: -moz-linear-gradient(top, #161e84 0%, #003056 101%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #161e84 0%,#003056 101%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #161e84 0%,#003056 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161e84', endColorstr='#003056',GradientType=0 ); /* IE6-9 */ border-radius: 7px;} Помогите подправить его, и преобразовать в выпадающее меню с 2 уровнями. Например: Бытовыепункт 1пункт 2-->подпункт№1пункт 3 подпункт№2 А там уже на вашем примере сам его доделаю. Буду благодарен за помощь!

Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!