Как я могу получить раскрывающийся список, работающий с CSS?

Я возился с css этого сайта НАВСЕГДА. Я не могу понять, как заставить пункт меню «медицина» раскрываться и отображать остальные скрытые пункты меню. Я смог показать их и расширить, но не заставить их раскрываться. Что конкретно я должен изменить? Я попробовал несколько руководств, но, может быть, я неправильно нацелился? Кроме того, я редактирую тему. Может что-то мешает? Пожалуйста, помогите мне, изучив приведенный ниже CSS и порекомендовав некоторые изменения.

спасибо!

http://madhwaparishat.co.uk/drupal/sites/all/themes/sky/css/style.css?lj2u6r

http://madhwaparishat.co.uk/drupal/


drop-down-menu css content-management-system drupal-7 drupal-themes
person Wolfpack'08    schedule 03.04.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Попробуй это:

.expanded a:hover + ul,
.expanded ul:hover {display:block !important;z-index:99999;}
.menu ul{position:absolute;}
.menu li{float:left}
.menu .menu a{width:100px}

На вашем сайте куча сумасшедших css @imports, которые трудно отлаживать. Правило ! important было необходимо.

Вам также нужно выбрать определенную ширину для выпадающих ссылок, я использовал 100px.

Надеюсь, это поможет, я не собирался отвечать, но я видел, как люди пытались бросить Suckerfish в вас, и это не то, что вам нужно - вы хотите сделать это сами. Полностью понимаю.

РЕДАКТИРОВАТЬ: Это, вероятно, нужно будет настроить, или потребуется включить javascript, если вы хотите поддерживать IE6 и 7.

РЕДАКТИРОВАТЬ: вернулся и обрезал код. Раньше было слишком много, и это сбивало с толку.

person Wesley Murch    schedule 03.04.2011
comment
Я в конце концов сделал что-то из этого. Спасибо. - person Wolfpack'08; 24.06.2011

arrow_upward
0
arrow_downward

По сути, вам нужен раскрывающийся список Suckerfish.

person Chris Sobolewski    schedule 03.04.2011