Меню в две строки

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 3 ноября 2011 в 18:36
Требуется сделать пункт меню, в две строки, т.к. в одну не влезает. Точнее текст налезает на следующий пункт.
Пришлось делать 2 пункта, по слову(см. co167.ru/ раздел "О нас"), но это не айс…
#2 3 ноября 2011 в 19:04
либо <span> в меню поменять на <p> (и в стилях тоже)…
или добавить параметр:
  1.  
  2. #topmenu ul li ul li a span {
  3. margin: 0 10px;
  4. padding: 0;
  5. word-wrap: normal;
  6. }
  7.  
#3 3 ноября 2011 в 19:59
• Mike •, первый способ не понял...
Что касается второго, то не помогло. См. сайт
#4 3 ноября 2011 в 20:22
<span> строчный элемент (inline), а <p> — блочный: в первом случае зависит от высоты строки (line-height) и не растягивается под содержимое по вертикали, во втором — растягивается…
отсюда вывод: заменить в файле шаблона для меню элементы <span> на <p> и соответствено отредактировать таблицу стилей…
#5 3 ноября 2011 в 21:41
• Mike •, сделал, не помогло, а только сделало само меню на 2 строки(вторая строка была без заливки).
А надо чтоб само меню не трогало, а только пункты выпадающего меню.
#6 3 ноября 2011 в 21:56
тогда просто измените ширину списков 2 уровня:
  1.  
  2. #topmenu ul li ul {
  3. background: none repeat scroll 0 0 #E9E9E9;
  4. box-shadow: 1px 1px 3px #000000;
  5. color: #000000;
  6. display: none;
  7. padding: 0;
  8. position: absolute;
  9. top: 115px;
  10. width: 350px; /*вот тут*/
  11. z-index: 9999;
  12. }
  13.  


в вашем styles.css это 167 строчка
#7 4 ноября 2011 в 03:24
Спасибо!
Так хоть и не совсем то что я хотел, но хоть какой-то выход)))
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.