Получить из подменю ещё одно

[drew]

Доброго времени суток!

Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его

Появился вопрос один, касающийся css деталей.

Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"),

появляется ещё одно меню - подменю, который содержит ещё два пункта,

и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю

Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить.

Исходничек с этой проблемой здесь.

И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!

[swetlana]

ссылку на сайт, где ведутся работы, давайте.

Проблема не понятна.

Делается просто вложенный список.

Настолько вложенный, насколько нужно по логике сайта.

Вся работа по функционалу сводится к паре строк в css:

li ul { display: none; }
li:hover > ul { display: block; }

[Быколай]

Доброго времени суток!

Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его

Появился вопрос один, касающийся css деталей.

Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"),

появляется ещё одно меню - подменю, который содержит ещё два пункта,

и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю

Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить.

Исходничек с этой проблемой здесь.

И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!

1. выкладывать искодничек архивом на файлообменник моветон. может там зараза какая? можно это сделать прямо в сообщении, с помощью спойлеров, если код большой, в чём сомневаюсь, т.к. проблему всегда можно локализовать.

2. в гугле вас забанили? не изобретайте велосипед. только сегодня скопикоммуниздил для одного клиента отсюда решение: http://css-framework.ru/demo/css-framework-content.html

ЗЫ опять Светлана опередила

Edited March 31, 2011 by Быколай

[drew]

И только сейчас я попал вновь сюда.

http://drew.hut2.ru/

меню положил сюда. Теперь думаю вопрос будет более понятным

[swetlana]

да, теперь понятно.

У вас в стилях что:

ul.nav-main li:hover > ul {
	visibility: visible;
}

то есть, пока мышь над li, вложенный ul показывается.

теперь обратите внимание, что между li и вложенным ul у вас большое расстояние.

Чтобы попасть на вложенный ul, мышу надо уйти с li и пройти достаточное расстояние.

Как только мышь уходит с li, перестаёт действовать правило для li:hover.

Совершенно закономерное поведение.

Нужно привести в порядок отступы, тогда будет всё как ожидается.

[drew]

=) Спасибо, swetlana, что-то тормознул тогда, спать наверно больше надо, терь всё хорошо, кроме работы этого меню в опере Можете подсказать, в чём дело?

[swetlana]

по тому же адресу теперь живёт 403.

А чтобы понять смысл ошибки, надо её увидеть.

Увижу опять — скорее всего смогу подсказать.

[drew]

по тому же адресу теперь живёт 403.

А чтобы понять смысл ошибки, надо её увидеть.

Увижу опять — скорее всего смогу подсказать.

Обновлял в тот момент страницу я, теперь можно посмотреть.

[swetlana]

А что в опере?

Работает как надо. Только дооформить надо.

И ещё: может всё же имеет смысл заменить visibility: hidden на более традиционный display: none?

В той же опере некоторые неожиданности вроде нескрывающихся маркеров тогда уйдут.

[drew]

А что в опере?

Работает как надо. Только дооформить надо.

И ещё: может всё же имеет смысл заменить visibility: hidden на более традиционный display: none?

В той же опере некоторые неожиданности вроде нескрывающихся маркеров тогда уйдут.

а можно узнать что необходимо ещё к display: none, т.к. простая замена его на visibility: hidden ни к чему не приводит?

[psywalker]

а можно узнать что необходимо ещё к display: none, т.к. простая замена его на visibility: hidden ни к чему не приводит?

Не может быть, display: none должно класть на лопатки любого, кто посмеет нам возразить! Покажи код.

[swetlana]

по прежнему адресу пока всё так же visibility.

попробуй поменять способ скрытия на display: none.

ну и display: block соответственно, чтобы отобразить.

Если после этого не встанет всё на свои места, то значит я ничего не знаю о css, блоках и вложенных меню.

Будем тогда учиться вместе.

[drew]

по прежнему адресу пока всё так же visibility.

попробуй поменять способ скрытия на display: none.

ну и display: block соответственно, чтобы отобразить.

Сделал так, часть этих странных точек ушла, а при наведении на подменю вновь появляются...

Что я упустил?

[swetlana]

как занятно!

Вот уж нет, не пропустил. А наоборот, обратил внимание, своё и общественности.

Даже если сказать ul ul { list-style: none; }, всё равно для вложенного списка появляется маркер. Хотя по идее не должен.

Или я не понимаю почему.

Вот такое странно повердение у Оперы.

И особенно ничего и не находится по данной проблеме.

Может, её и не замечал раньше никто?

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

Вот и не было широко известно о данной проблеме.

[drew]

как занятно!

Вот уж нет, не пропустил. А наоборот, обратил внимание, своё и общественности.

Даже если сказать ul ul { list-style: none; }, всё равно для вложенного списка появляется маркер. Хотя по идее не должен.

Или я не понимаю почему.

Вот такое странно повердение у Оперы.

И особенно ничего и не находится по данной проблеме.

Может, её и не замечал раньше никто?

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

Вот и не было широко известно о данной проблеме.

думаю тогда новую тему создать, т.к. проблема теперь другого рода.

[d0ublezer0]

ul.nav-main li:hover > ul {
	visibility: visible;
}

Случайно в тему зашел и вопрос у меня возник - а зачем в приведенном коде символ "больше" (>)?

У меня без него нормально такие конструкции отрабатывают.

[swetlana]

без него нормально отрабатывают конструкции с минимальной вложенностью.

В данном же случае этот символ вполне уместен.

Обратите внимание, что у автора темы менюха с тремя уровнями вложенности.

то есть, если наводим мыша на пункт первого уровня, то селектор ul.nav-main li:hover ul затронет все ul, расположенные в ul.nav-main li при наведении.

Все — это означает, что все независимо от вложенности. То есть подменю и все подподменю.

Чтобы такого не было, и ограничивается действие селектора только прямым потомком.

Так что тут всё нормально.

[d0ublezer0]

ограничивается действие селектора только прямым потомком.

А вот как раз этого я и не знал. Вопрос мой, собственно, был задан именно из-за пробела в знаниях, а не с целью подискутировать насчет изящности решения.

Спасибо,буду применять. А то уже замучился прописывать вложенным пунктам стили.

[swetlana]

http://htmlbook.ru/samcss/dochernie-selektory

Не знал — можно здесь прочитать.

На всякий случай стоит помнить, что это не работает в IE6.

[psywalker]

На всякий случай стоит помнить, что это не работает в IE6.

[swetlana]

Хорош флудить!