Нужно сверстать вертикальное выподающее меню
Нужно сверстать вертикальное выподающее меню с подпунктами (выпадать должны при клике) у кого есть идеи подскажите! Толька прошу - чистом css не надо никаких скриптов!
Нужно сверстать вертикальное выподающее меню с подпунктами (выпадать должны при клике) у кого есть идеи подскажите! Толька прошу - чистом css не надо никаких скриптов!
"выпадать должны при клике" - на чистом CSS не получится, т. к. событие onclick не обрабатывается CSS.
Горизонтальное меню с подменю выпадающим вниз (С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;}
думаю небольшой скрипт можно подключить чтобы обрабатывал это действие, зато он будет во всех браузерах работать)