HTML-меню на основе UL с CSS разлив в несколько строк - PullRequest
Новая
       11

HTML-меню на основе UL с CSS разлив в несколько строк

0 голосов
/ 01 марта 2011

Так что, по сути, у меня есть горизонтальное меню, использующее элементы ul и li, стилизованные под CSS, которые имеют атрибут фиксированной высоты для ul, но, поскольку количество элементов li слишком велико, они перетекают в несколько строк ... так как высота UL исправлено, элементы li появляются на следующей строке просто отлично, но они находятся за пределами «блока» ul ... так что любой другой HTML-контент, который появляется, начинает показываться в строке с элементами на 2-й строке?

Я надеюсь, что смог описать проблему. Я хотел бы, чтобы это был общедоступный сайт, чтобы CSS-гуру помогли с использованием firebug или веб-инспектора.

Ответы [ 2 ]

2 голосов
/ 01 марта 2011
  • используйте min-height в вашем UL, а не height
  • используйте float:left в ваших LI
  • используйте display:block в ваших тегах A и добавьте все другие стилина теги А.(НЕ ИСПОЛЬЗУЙТЕ LI TAGS ДРУГОЙ, ЧЕМ ПЛАВУТ: ЛЕВЫЙ)
0 голосов
/ 01 марта 2011
  • Вы можете расширить ширину тег контейнера, содержащий ul, вам не хватает ширины для всех элементов списка
  • если вы не можете увеличить контейнер, попробуйте сократить ширину литий, используя меньше отступов и полей между ними.
  • вы все можете использовать свойство min-width, чтобы быть уверенным, что у них будет достаточно места
...