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

  • Решено pinkfloyd666

    (@pinkfloyd666)


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

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

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

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

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

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

    но пока ни на каком форуме не помогли

    Потому что вопрос больше относится к вёрстке, чем собственно к 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 лет, 10 месяцев назад

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

    Автор pinkfloyd666

    (@pinkfloyd666)

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

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

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

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

    Автор pinkfloyd666

    (@pinkfloyd666)

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

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

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Как сделать подменю, в подменю?» закрыта для новых ответов.