За последние 24 часа нас посетили 22637 программистов и 1546 роботов. Сейчас ищут 942 программиста ...

Вертикальное многоуровневое меню на css и html

Тема в разделе "HTML и CSS", создана пользователем kir55rus, 3 фев 2011.

  1. kir55rus

    kir55rus Активный пользователь

    С нами с:
    11 дек 2009
    Сообщения:
    20
    Симпатии:
    0
    ну вроде темой все сказанно, хочу сделать вертикальное многоуровневое меню только на Css и html, без javascript.
    ну почему без javascript?
    -я плохо знаю javascript, можно сказать вообще не разбираюсь в нем.

    В интернете искал, находил только с помощью javascript.
    Хотя нет, нашел на css и html, но оно было обычное (не многоуровневое).

    вообщем, помогите сделать набросок.
    пока искал это вертикально меню, понял, что эту идею воплощают с помощью маркированного списка, ну а дльше javascript и css идет.

    Ах да, чуть не забыл. нужно, чтобы подпункты меню открывались друг под другом(а не сбоку от основного раздела).
    Кстати, подобное меню делает программа Artisteer2.4 и выше, но она так-же создает много лишнего в коде, что потом ничего не разберешь в нем.
    [​IMG]

    заранее спасибо за помощь
     
  2. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    kir55rus
    не представляю себе решения без javascript. То, что ты не знаешь javascript, говорит о том, что было бы неплохо его выучить - в будущем ещё очень часто пригодится. Решения с фреймворком jQuery вообще будут и изящными, и красивыми, и кроссбраузерными + минимум кода.
     
  3. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    kir55rus
    Это делается проще некуда.
    Обычные элементы ul и li с заданием margin и list-style со значением none.
    Я даж не знаю, чего тут можно не понять. Кода МИНИМУМ.
    Даже ты CSS и HTML знаешь на достаточном уровне, JavaScript совсем тут не нужен.
     
  4. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    если меню раскрывается/скрывается при клике мыши, то без javascript никак
     
  5. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    Покажи мне, где написано, что оно схлопывается при клике.
     
  6. Апельсин

    Апельсин Активный пользователь

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    Гей, яблуко, ты уже тут заигрался. В твоем варианте это уже не меню, а набор статичных ссылок получается, что не должно было бы вызвать трудностей у ТС.
     
  7. kir55rus

    kir55rus Активный пользователь

    С нами с:
    11 дек 2009
    Сообщения:
    20
    Симпатии:
    0
    уточнение:меню изначально должно иметь вот такой вид(пример):
    [​IMG]

    При клике(например на Flash):
    [​IMG]

    при клике на подпункте игры(например):
    [​IMG]

    Ну и так далее
     
  8. Апельсин

    Апельсин Активный пользователь

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    Ну вот, попандос у Яблока :)
     
  9. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    видел уже подобное меню, готовое на jQuery с похожим дизайном и функциональностью.

    Апельсин
    )))))))