Правка CSS выпадающего меню

[korsarfan]

Здравствуйте! Возможно ли сделать так, чтобы подменю открывались не вправо (как на скриншоте), а под (снизу) основным разделом (на скриншоте - это "О факультете")

Код меню:

/*Page menu*/ 
#foxmenucontainer{height:40px;display:block;margin:0 auto;font: 11px verdana,Arial, Tahoma,Century gothic, sans-serif;font-weight:normal;text-transform:uppercase;width:100%;background:#0D 6091 url('/images/menu.png') repeat-x;} 
#menu{margin:0 10px;padding: 0; height:40px;overflow: visible;} 
#menu ul {float: left;list-style: none;margin: 0;padding: 0;} 
#menu li {float: left;list-style: none;margin: 0;padding: 0;text-shadow:1px 1px 0 #0C5782;} 
#menu li a, #menu li a:link, #menu li a:visited {color:#fff;display: block;margin: 0;padding: 0 10px ;line-height:40px;} 
#menu li a:hover, #menu li a:active {color: #6FEAFF;margin: 0;padding: 0 10px;line-height:40px;text-decoration: none;} 
#menu .u-menubody {background:none;border:none;} 
#menu .xw-tl,#menu .xw-bl,#menu .u-menuvsep {display:none;} 
#menu .xw-ml,#menu .xw-mr {margin: 0;padding: 0;} 
#menu .xw-mc {background:#1578af;margin:0;border:none;} 
#menu .u-menu a {text-decoration:none;color:#fff;cursor:pointer;} 
#menu .u-menu .u-menuvitem {color: #ddd; text-shadow:1px 1px 1px #000; margin: 0; padding: 0 16px ; line-height:35px; border-bottom: 1px solid #0d6395; position:relative;} 
#menu .u-menu .u-menuitemhl {background: #0d6395; color:#fff; text-shadow:-1px -1px 1px #000; padding: 0 16px ; line-height:35px;} 
#menu .u-menu .u-menuitemhl a {background:none;color:#fff} 
#menu .u-menuarrow {background:transparent url('/images/arrow.gif') no-repeat 5px 8px;height:16px;width:16px;position:absolute;right:0;top:6px}

Заранее спасибо за ответ! Свои попытки, к сожалению, ни к чему не привели.

[gurylyov]

Мб я туплю, но мне мало информации. Хотелось бы видеть html-разметку.

[ceil100]

а лучше ссылку на страницу с меню

[korsarfan]

http://www.gorkad.ru/ - ссылка на страницу.

[sammasati]

Положение всплывающих меню генерируется в скрипте, а где именно, я не нашел. Поэтому так:

#_umenu0{
left: 138px !important;
top: 40px !important;
}

#_umenu1{
left: 248px !important;
top: 40px !important;
}

#_umenu2{
left: 435px !important;
top: 40px !important;
}

Это нужно добавить в стили.

[korsarfan]

sammasati, Огромное спасибо!

И ещё один, последний вопрос: Как можно сделать, чтобы вот эти выпадающие подменю убирались с экрана после того как из их области уведешь курсор мыши, а не по щелчку левой кнопки мыши...

[sammasati]

sammasati, Огромное спасибо!

И ещё один, последний вопрос: Как можно сделать, чтобы вот эти выпадающие подменю убирались с экрана после того как из их области уведешь курсор мыши, а не по щелчку левой кнопки мыши...

А вот этого я не знаю, т.к. не разбираюсь в js.

[gurylyov]

У вас там подключены крутые js файлы, в которых невероятно сложно разбираться. И отыскать там это событие весьма и весьма напряжно. Не люблю давать советы людям, которые не нравятся самому, но в данной ситуации я бы искал другую реализацию меню, чтоб оно работало так, как мне хочется.

[korsarfan]

gurylyov, Спасибо за совет! В принципе не горит сейчас, главное вниз выпадать стало... А это может со временем исправлю.