Xpoint
   [напомнить пароль]

Как избежать разрыва строк в элементе li фиксированной ширины?

Метки: [без меток]
2007-12-20 13:29:52 [обр] pik4a[досье]

Здравствуйте. Заранее спасибо за внимание к топику.

У меня есть код меню:

<ul>
<li><a href="#" title="">POINT 1</a></li>
<li><a href="#" title="">POINT 2</a></li>
<li><a href="#" title="">VERY LONG MENU POINT 3</a></li>
<li><a href="#" title="">POINT 4</a></li>
<li><a href="#" title="">POINT 5</a></li>
</ul>

css:
ul{float:left;line-height:51px;width:550px;}
li{width:110px;float:left;}

Второй пункт не влез по ширине и получился разрыв строки. Возможно ли этого избежать? Подскажите способ, пожалуйста.

Заранее благодарен, Дмитрий.

спустя 15 минут [обр] Дмитрий(0/4)[досье]
li{width:110px;float:left;white-space:nowrap}
спустя 7 секунд [обр] Алексей Севрюков(44/1292)[досье]
pik4a[досье] li {white-space: nowrap;}?
спустя 42 секунды [обр] Алексей Севрюков(44/1292)[досье]
Ой, имелось ввиду li a.
спустя 1 час 30 минут [обр] Nuclon(0/22)[досье]
overflow: hidden;
спустя 7 часов [обр] Евгений Петров(172/1055)[досье]
pik4a[досье]
А давайте Вы сначала опишете, как должен вести себя фиксированный по ширине список при появлении строки, превышающей эту ширину.
спустя 56 минут [обр] pik4a[досье]

Действительно, пока пост писал, забыл о главном.

Должно выглядеть примерно так: длинный пункт меню имеет разбиение строки (на две), при этом текст стоит в "ячейке" элемента li и имеет вертикальное выравнивание по центру.

- - = - - (примерная схема).

То есть просто скрытие строки не поможет, да и nowrap не подходит из-за длины текста в пункте меню и фиксированной ширины элемента li.

Спасибо всем ответившим!

спустя 58 минут [обр] Евгений Петров(172/1055)[досье]

pik4a[досье]
IMHO:

  1. Можно сделать высоту ячеек зависимой от контента (появилось 2 строки - все растянулись).
  2. Можно сделать вертикальное выравнивание контента.

И то, и другое можно сделать в FF, Opera. В IE выполнить оба условия одновременно не получится. Или одно, иди другое, причем вертикальное выравнивание возможно только при заданной высоте списка (ячеек).

Есть еще волшебные таблицы...

Вертикальное выравнивание текста

спустя 1 час 56 минут [обр] pik4a[досье]
Огромное спасибо, Евгений. Совет очень помог. Сейчас осталась проблема лишь в MSIE 7. Исправляю :)
спустя 5 минут [обр] pik4a[досье]
Проблема в MSIE 7 решена. Моя ошибка. Он кушает те же стили, что и шестой ослик.
Powered by POEM™ Engine Copyright © 2002-2005