-
Есть у меня список в три колонки. Чтобы было семантически правильно, элементы списка идут подряд, а в три колонки они позиционируются способом:
ul присваивается общий размер, ul li присваивается float:left и размер, чтобы три li вместилось в один ряд. Так вот, появилась необходимость сделать выпадающий список одного уровня. Нет ничего проще, подумал я и начал делать. Но у меня появилось несколько проблем:
появляющийся список не перекрывает то что под ним
если водить мышкой в области нового списка, но над другими элементами родительского списка - он пропадает. Поэтому чтобы выбрать элемент нового списка, нужно водить по полоске, где идет margin между элементами родительского списка. Объяснил как смог. Верстка висит по адресу [Only registered and activated users can see links. Click Here To Register...]
-
так что, такое вобще невозможно сделать? я уже согласен на любые реализации..
-
Ну, если на любые, тогда могу предложить реализацию за 200$. :crazy:
-
)
ну я не знаю, как тут поступить. нада поставить приоритет, чтобы подменю перекрывало то что под ним, но как это сделать, я не знаю. Ну может есть способы?
-
Цитата:
Originally posted by KukMan@May 4 2008, 23:08
Ну может есть способы?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Однозначно есть.
-
Хм. Вам известен один из способов, как это сделать? Если да, то поделитесь, пожалуйста, ним.
-
Если профессионал знает способ, то это что-то значит [Only registered and activated users can see links. Click Here To Register...]
Можно задавать значение блока списку (не знаю, правда, как это помогает, но я для сайта решал вопрос со ссылками на страницы).
Попробуйте приаттаченный файлик. Там реализовано меню наподобие.
Коли не подходит - ищите в сети. на [Only registered and activated users can see links. Click Here To Register...] и подобных ресурсах.
-
KukMan, если честно, я е понял тайного смысла в левых пустых дивах в шапке документа.
по сабжу, добавьте в правило #top ul li ul строку z-index: 10;
Кроме того, сейчас у вас меню второго уровня перекрывает окончание пункта меню первого уровня. Это не есть хорошо, имхо.
-
Zigzag вы гений! у меня сразу пришла такая мысль, но проблему я только сейчас заметил. я написал z-index:20px; [Only registered and activated users can see links. Click Here To Register...] Спасибо...
З.Ы, насчет пустых дивов - это у меня такая резина. Слева картинка, справа картинка (кусочек уголочка) а все остальное - синий фон. Ничего унмее я не придумал для достижения такого эффекта, поэтому активно использую этот способ.