Выпадающее css меню в два ряда

Тема в разделе "Веб-дизайн", создана пользователем farm, 17 окт 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    536
    Симпатии:
    105
    Значит решил заделать на сайте горизонтальную навигацию с выпадающими менюшками.
    Нашел хороший вариант, без ява и jquery (там только для ie небольшой фикс)

    Перейти по ссылке


    Но так как основных пунктов у меня слишком много, нужно их разместить в 2 ряда. Попробывал сделать перенос 2 способами (кстати как правильнеее делать?:(
    - делаем два <ul id="cssmenu">
    - делаем 1 <ul id="cssmenu"> но в css пишем такую ширину, чтобы в нужном нам месте происходил перенос.

    В обоих случаях выпадающая менюшка не перекрывает близ лежащие слои. Z-index и позиционирование пробовал, но проблему это не решило(хз, наверное не правильно делал чтото)

    Как это все пофиксить?
    В аттаче css и html-ка для менюхи.
     

    Вложения:

    • null.zip
      Размер файла:
      1,6 КБ
      Просмотров:
      6
  2. whitewolff

    whitewolff Лимонадный Джо :)

    Регистр.:
    29 май 2007
    Сообщения:
    168
    Симпатии:
    33
    ТС, а вы припишите дочернему <ul> position: absolute; возможно поможет. еще вот один вариант меню без JS входит в один цсс фреймворк. при желании выковыряете стили меню оттуда. я вот только не в курсе, как ихнее меню поведет себя если пункты будут в 2 строчки. пробуйте.
    Перейти по ссылке
     
  3. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    536
    Симпатии:
    105
    whitewolff, попробывал ваш вариант. Менюшка хорошая, но с перекрытиями слоев таже проблема :(
     
  4. Albo

    Albo Создатель

    Регистр.:
    25 июл 2007
    Сообщения:
    23
    Симпатии:
    1
    зайди сюда
    Перейти по ссылке

    тут надешь нужное меню, т.к. li со стилем float:left, то при задании фиксированной ширины блока, пункты меню будут перескакивать на другую строку.
     
    rui нравится это.
Статус темы:
Закрыта.