Проблемы с выпадением CSS

Question

Я парень .NET / Java и должен кое-что сделать на сайте.Я начинающий с CSS и т. Д. Я работал с шаблоном, и мне пришлось преобразовать меню в выпадающий список, и у меня возникли сложности.

Я загрузил текущую итерацию и ее можно найтиздесь с меню barebone и страницами CSS:

http://www.nitricburnstudios.com/tmp/cssproblems/features.html

Элементы меню пересекаются друг с другом.

Спасибо за любую помощь!СУПЕР оценил.

Answer 1

Я не уверен, возможно ли это для вашего проекта, но существует множество стандартных решений до этого , которые должны помешать вам заново изобрести колесо.

Answer 2

Ну, это зависит от того, 1) хотите ли вы что-то сделать, или 2) вы настаиваете на том, чтобы делать это самостоятельно и понимать это.

если 1) я клянусь http://wonderwebware.com/css-menu/ генератором меню CSS (вам не нужно его использовать, просто изучите его вывод)

если 2) первое, что вам нужно сделать, - это воспользоваться услугами валидации W3C. Я выполнил ваш dropdown.css через CSS-валидатор , и у него была 1 ошибка, которая могла вызвать вашу проблему "Поведение свойства не существует: url (csshover.htc) url (csshover.htc)"

Styles.css содержит 11 предупреждений "Одинаковые цвета для цвета и фона в двух контекстах", что может объяснить, почему я не вижу текста в меню: -)

Хорошей новостью является то, что валидатор HTML говорит, что ваш HTML в порядке.

Если вы хотите изучать CSS, я могу порекомендовать несколько отличных сайтов

Answer 3

Вот очень простой вертикальный пример, с которого можно начать:

HTML

  <div id='dropper'>
    <div>Foo</div>
    <div>Bar</div>
    <div>Bas</div>
    <div>Snork</div>
  </div>

CSS

#dropper { overflow: hidden; height:25px; line-height:25px }
#dropper:hover { height:100px }