Подменю "залезает" на меню и убегает, не нажать

P
На сайте с 23.01.2014
Offline
40
616

Сайт на WordPress

http://nesvitsky.devplus.ru/pyteshestvia/

Помогите, пожалуйста, исправить косяк.

Главное меню. Пункт "Путешествия".

При наведении на него:

1) фон подменю "залезает" на слово "путешествия". Нужно как-то опустить подменю чуть ниже. Как?

2) При перемещении по подменю 3-го уровня Путешествия/Африка/Египет, меню вообще пропадает даже если мышка всё ещё там. Чтобы нажать на меню 3-го уровня, нужно постараться "успеть тыкнуть мышкой". В чем может быть проблема?

3) Хотела меню 3-го уровня (Египет) прижать к меню 2-го уровня (Африка), т.к. сейчас между ними дырка. Как сделать?

Спасибо!

DiAksID
На сайте с 02.08.2008
Offline
236
#1

1.


.main-navigation ul ul {
background-color: transparent;
display: none;
float: left;
left: 0;
position: absolute;
top: 1.5em;
z-index: 99999;
}

2/3.

.main-navigation ul {
background-color: transparent;
list-style: none;
margin: 4px;
padding-left: 0;
}

при движении мышки меню "пропадает" из за этого же промежутка...

show must go on !!!...
vlad00777
На сайте с 24.12.2009
Offline
119
#2

1. padding-top:10px; (.main-navigation ul ul)

2. left:98%; (.main-navigation ul ul ul) Я бы сюда еще дописал: top: -19px;

П.с Это так если хотите отделаться малой кровью.

Дизайн конечно мягко говоря не очень...

---------- Добавлено 19.02.2014 в 19:01 ----------

DiAksID, если менять top, то меню пропадает.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
P
На сайте с 23.01.2014
Offline
40
#3
vlad00777:
1. padding-top:10px; (.main-navigation ul ul)
2. left:98%; (.main-navigation ul ul ul) Я бы сюда еще дописал: top: -19px;

П.с Это так если хотите отделаться малой кровью.
Дизайн конечно мягко говоря не очень...

---------- Добавлено 19.02.2014 в 19:01 ----------

DiAksID, если менять top, то меню пропадает.

спасибо!

А что вы имеете ввиду под "дизайн не очень"?

Цвета, картинки, оформление?

Или что "не очень"?

vlad00777
На сайте с 24.12.2009
Offline
119
#4

Psyhelp, будто ваш сайт болен ветрянкой, одна зеленуха. Делали бы в белом цвете хотя бы или в черном. А так пол шапки фото, пол шапки темный цвет, а остальное зеленуха.

P
На сайте с 23.01.2014
Offline
40
#5
DiAksID:
1.

.main-navigation ul ul {
background-color: transparent;
display: none;
float: left;
left: 0;
position: absolute;
top: 1.5em;
z-index: 99999;
}


2/3.
.main-navigation ul {

background-color: transparent;
list-style: none;
margin: 4px;
padding-left: 0;
}


при движении мышки меню "пропадает" из за этого же промежутка...

спасибо, всё получилось!

---------- Добавлено 19.02.2014 в 19:23 ----------

vlad00777:
Psyhelp, будто ваш сайт болен ветрянкой, одна зеленуха. Делали бы в белом цвете хотя бы или в черном. А так пол шапки фото, пол шапки темный цвет, а остальное зеленуха.

Ясно, но приходится делать так как хочет автор.

Не совсем поняла про "пол шапки темный цвет". У меня на экране фото, а потом уже зеленый цвет.

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