Оксана
Оксана

Нужно сверстать вертикальное выподающее меню

Нужно сверстать вертикальное выподающее меню с подпунктами (выпадать должны при клике) у кого есть идеи подскажите! Толька прошу - чистом css не надо никаких скриптов!

SC
Svetlana Corjan 3Акирова

"выпадать должны при клике" - на чистом CSS не получится, т. к. событие onclick не обрабатывается CSS.

sky_2088
sky_2088

Горизонтальное меню с подменю выпадающим вниз (СSS3)

.time {behavior: url(#default#time2)}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {float:left;}

#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; display:none; left:0; top:30px; border:1px solid #aaa;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul {background:#CCCCFF;}

#menu span,
#menu a {display:block; font:bold 12px arial,sans-serif; color:#000000; line-height:30px; text-decoration:none; padding:0 10px 0 20px; border-left:1px solid #aaa;}
#menu ul ul a {border:0;}

#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {display:block;}

#menu li:hover {background:#CC0000; color:#CC0000; cursor:default;}
#menu a:hover {background:#FF0000 url(arrow.gif) no-repeat 3px center; color:#FF0000;}
#menu li:hover > a,
#menu li:hover > span {background:#aaa url(arrow.gif) no-repeat 3px center; color:#000;}





  • Название неподвижного раздела




    • Название неподвижного раздела



      • и так сколь угодно раз.. .



ВП
Владимир Пронин

думаю небольшой скрипт можно подключить чтобы обрабатывал это действие, зато он будет во всех браузерах работать)

Похожие вопросы
Нужно сверстать методичку
КТо может помоч сверстать шаблон вот такой?
Как сверстать перемещение объектов?
Как расположить текст напротив вертикального меню на сайте
Как сверстать шаблон
как удалить горизонтальное оно обведено красным оно мне не нужно т. к. у меня сделано вертикальное меню.
Помогите сверстать слайдер
За какой срок можно сверстать каталог?
Как сверстать такую форму?
Вертикальное меню слайдер?