Как сделать подменю, в подменю?

Решено pinkfloyd666
(@pinkfloyd666)

13 лет, 1 месяц назад

Как сделать, чтобы при наведении на подпункт меню, содержащий в себе еще подпункты, содержание этого подпункты открывалось в третьем столбце?
Реализовать это хочу на сайте http://times.fireg.ru/ но пока ни на каком форуме не помогли.

Что имеем, и что хотим получить (рассмотрим на примере раздела «Бизнес»):

1 — Родительский — «Бизнес»
2 — подменю — «BIZ» и подменю «Маркетинг»
3 — ПодПодМеню — «С видео», хотя, свиду сейчас это похоже просто на подменю.
А надо, чтобы ПодПодМеню вываливалось справа от подменю «Видео»
Буду очень благодарен за помощь.

Просмотр 4 ответов — с 1 по 4 (всего 4)

Модератор Sergey Biryukov
(@sergeybiryukov)

Live and Learn

13 лет, 1 месяц назад
но пока ни на каком форуме не помогли

Потому что вопрос больше относится к вёрстке, чем собственно к WordPress, а поисковые системы по запросу «многоуровневое меню» выдают достаточно материалов на любой вкус 🙂

Добавьте фрагмент в default.css (в конец или после строки 514):
```
ul#navcatlist li a {
	margin-top: 1px;
}
ul#navcatlist li li a {
	border-bottom: 1px solid #afafaf;
	margin-top: -1px;
}
ul#navcatlist li ul {
	border: 0;
}
ul#navcatlist li li li {
	margin-left: 10px;
}
```
Автор pinkfloyd666
(@pinkfloyd666)

13 лет, 1 месяц назад

Сергей, спасибо большое, немного изменилось, но почему-то оно так внизу и осталось, т.е. просто съехало немного вправо, а как сделать, чтобы отображалась справа от родительского элемента? Вот сайт, на котором пытаюсь это сделать http://times.fireg.ru/

Автор pinkfloyd666
(@pinkfloyd666)

13 лет, 1 месяц назад

А правильно ли я сделал, что последнюю вашу функцию переделал так:
}
ul#navcatlist li li li {
margin-left: 179px;
margin-top: -19px;
}

Чтобы меню вываливалось вправо, вроде получилось визуально правильно, но если брать по CSS грамотности, то нормально ли?

Кстати, чуть не забыл, а как сделать, чтобы отображался третий уровень меню, только при наведении на него, а не постоянно горел?

Автор pinkfloyd666
(@pinkfloyd666)

13 лет, 1 месяц назад

Пробовал это вставить:
display:block;
Но ничего визуально не изменилось.

Просмотр 4 ответов — с 1 по 4 (всего 4)

Тема «Как сделать подменю, в подменю?» закрыта для новых ответов.

Метки темы

Просмотр