Форум Сайтостроение Веб-строительство

Что прописать в CSS для правильного отображения выпадающего меню?

12
-Leon-
На сайте с 04.10.2010
Offline
118
-Leon-
2185

Здравствуйте!

Установил на wordpress всплывающее меню, но страницы 3 уровня наплывают на страницы 2 уровня. (автомобили-LIFAN BREEZ СЕДАН-дальше налазит)Подскажите, пожалуйста, что нужно прописать в CSS для того, чтобы корректно отображалось? Сайт zarden.ru/blog1/

Код css:

/*общий стиль блока меню*/

#menu {

height: 60px;

background: #3C3C3D;

clear: both;

font-size: 14px;

}

/*стиль ссылок в меню*/

#menu li a{

color: #fff;

display: block;

line-height: 55px;

padding: 0 23.2px;

height: 60px;

}

#menu li a:hover {

background: #07599d;

text-decoration: none;

}

/*стиль для элементов первого уровня, т.е. дочерних страниц*/

#menu li {

list-style: none;

float: left;

}

/*стиль для элементов дочернего меню*/

#menu li ul li {

float: none;

}

#menu ul {

background: #4182b8;

margin: 0; padding: 0;

position: absolute;

z-index: 10;

}

/*строка display:none прячет выпадающее меню*/

#menu ul{

display: none;

background: #4182b8;

margin: 0; padding: 0;

position: absolute;

z-index: 10;

}

#menu a {

display: block;

height: 40px;

margin: 1px 0px 0px 0px;

padding: 20px 37px 0 37px;

background: url(images/img05.gif) repeat-y left top;

text-decoration: none;

text-transform: capitalize;

font-size: 12px;

color: #FFFFFF;

}

⭐Продам очень дешево 2 сайта в зоне .ru возраст сайтов 12 лет (в личку)⭐
Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#1

Для начала поставьте родительский UL в меню.

-Leon-
На сайте с 04.10.2010
Offline
118
-Leon-
#2

Можно подробней?

Рубака
На сайте с 11.03.2011
Offline
12
Рубака
#3

Слайд шоу пробовали отключать? z-index поставить побольше пробовали?

У меню нет ul в списке.

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#4
Можно подробней?

- куда уж подробней то? Где у вас начинается список, с элемента <div id="menu"> и сразу пошли элементы li.

Тогда уж - <ul id="menu"><li>.....

L
На сайте с 22.08.2009
Offline
14
Levhik
#5

для ul третего уровня при наведении добавил этот css, заработало:

    margin-left: 180px; 
    margin-top: -60px;
    width: 215px;
-Leon-
На сайте с 04.10.2010
Offline
118
-Leon-
#6
Levhik:
для ul третего уровня при наведении добавил этот css, заработало:

    margin-left: 180px; 
    margin-top: -60px;
    width: 215px;

Скажите, пожалуйста, куда этот код прописать. Пробовал в разные блоки - не получается. (код в начале темы)

-Leon- добавил 04.05.2011 в 15:48

При наведении на АВТОМОБИЛИ у меня открывается одновременно 2 подменю и 3. Мне нужно запретить отображение 3.

L
На сайте с 22.08.2009
Offline
14
Levhik
#7

попробуй добавить это в конец style.css

#menu .children li:hover ul{

margin-left: 215px;

margin-top: -60px;

}

-Leon-
На сайте с 04.10.2010
Offline
118
-Leon-
#8

Почти заработало, меню выпадает!!!

Только в самом начале, при наведении на АВТОМОБИЛИ осталось накладывание. Еще чуть чуть до финиша, не оставляйте меня, плиз :)

Посмотрите, пожалуйста сайт, адрес в начале поста.

Надо как то запретить отображение выпадающего меню 3 уровня, одновременно со 2

В Дзене заработала функция Google+ ввел функцию одобрения Упрощение навигации для сайта
L
На сайте с 22.08.2009
Offline
14
Levhik
#9

ну смотри, сейчас свой скрипт

<script type="text/javascript">

jQuery(document).ready(function(){

jQuery("#menu li").hover(

function(){

jQuery(this).find('ul').show('slow');

},

function(){

jQuery(this).find('ul').hide();

}

);

});

</script>

раскрывает все теги ul, вложенные в "#menu li" . а надо чтобы раскрывало только дочерние теги ul. так что подумай как это можно сделать.

-Leon-
На сайте с 04.10.2010
Offline
118
-Leon-
#10

У мня, к сожалению, нет знаний css. Подскажите, если не трудно...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий