Выпадающий список CSS, вместо этого выпадает вправо
Ссылка удалена, проблема решена
Меню вверху должно быть раскрывающимся меню, но вместо этого оно расширяется вправо.
Мой CSS таков (я считаю, что это все равно релевантный бит)
#primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; }
#primary-nav ul { position: absolute; top: auto; display: none; }
#primary-nav ul ul { left: 100%; top: 0px; }
#primary-nav li { float: left; }
#primary-nav li li { float: none; position: relative; }
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul { display: block; }
Я понятия не имею, где именно указано направление меню.
Ответы 4
Удалите position: absolute; из CSS #primary-nav ul, а также, возможно, посмотрите на использование FireBug, это великолепно для экспериментов с этими вещами. Также в каком браузере вы смотрите? FF отображал меню вертикально, но просто неправильно выровнял и не имел фона.
Я использую FF2 и IE7, и оба они показывают мне горизонтальное меню ... После того, как я удалил position: absolute, оно выпадает, но различные элементы перечислены по горизонтали. В IE7 я получаю смещенную версию, которую вы видели, я думаю, с удаленным position: absolute. А что делает FireBug? : $
@Kiki, я использую FF3.1, и Firebug позволяет вам изменять значения CSS, когда вы смотрите на страницу, чтобы вы могли быстро попробовать разные вещи.
Сейчас он вроде как падает, но в Firefox 2 он мигает, и из-за этого его практически невозможно щелкнуть. Конец в IE 7 он плохо выровнен и совершенно не кликабелен ...
Возьмите небольшое и приятное чтение здесь.
Я дал вам +1 за ссылку на отличную статью, но было бы неплохо сделать больше вступления.
Работает, спасибо за ссылку. Я переписал весь (немного) CSS, но теперь он работает безупречно. Спасибо.
Я вижу это меню как вертикальное раскрывающееся меню, а не как горизонтальное. Пожалуйста, укажите, в каком браузере вы просматриваете, когда задаете вопросы по CSS, так как это имеет большое значение для ответа на ваш вопрос. Сообщите нам, исправлено ли это, и что исправлено, для будущих читателей.
Я заметил одну вещь: пункты меню выступают из вертикального списка справа. Попробуйте применить заполнение только к элементу <li>, а не к тегу привязки. Это должно решить вашу проблему. Когда вы применяете его к обоим, вы должны иметь в виду, что сначала вы помещаете отступ на <li>, а затем добавляете дополнительный отступ к внутреннему элементу, чтобы он расширялся за пределы своего контейнера, к которому применено только первое количество отступов. .
Теперь он работает, используя ссылку, предоставленную Staicu. Думаю, вы видели рабочую версию. Спасибо за помощь с "тыкаванием", я не был уверен, из-за чего это появилось. :)
Согласовано. Я никогда не знал, что вы можете использовать firebug для редактирования CSS, это неплохо. Раньше я использовал редактор CSS, который есть в плагине панели инструментов веб-разработчика, который хорош и будет выполнять аналогичную работу.