Запрет разрыва содержимого списка

[pedrosoft]

Есть такая структура:

<div>
   <ul>
	  <li><a><span>Текст про собак</span></a></li>
	  <li><a><span>Текст про попугает</span></a></li>
	  <li><a><span>Текст про удавов</span></a></li>
	  ...
	  <li><a><span>И про НЛО</span></a></li>
   </ul>
</div>

<div> имеет фиксированную ширину, элементы <li> выстроены горизонтально с помощью display:inline.

Проблема в том что список большой и в одной строке не вмещается, а при переносе на другую разбивается содержимое, например "Тект про" остаётся на одной строке, а "собак" переносится на следующую. Как от этого можно избавится? Помогите, пожалуйста!

[rus]

white-space: normal | nowrap | pre

[psywalker]

  Quote

white-space: normal | nowrap | pre

Не совсем, если я правильно понял, то перенос строк возможен, но только со всеми словами в пункте? Если я прав, тогда дам Вам совет, ставьте между словами невидимые пробелы, их можно найти в Винде - Все программы - Таблица символов

[Justnewone]

  psywalker said:

Не совсем, если я правильно понял, то перенос строк возможен, но только со всеми словами в пункте? Если я прав, тогда дам Вам совет, ставьте между словами невидимые пробелы, их можно найти в Винде - Все программы - Таблица символов

если надо чтобы не переносились ни строки ни LI, то есть, вообще весь UL в одну строку - UL{white-space:nowrap}

если же надо чтобы только внутри ли не переносилось - LI{white-space:nowrap}

Edited August 20, 2009 by Justnewone

[pedrosoft]

white-space:nowrap я попробовал в первую очередь и для LI, потом для A и напоследок для SPAN, но увы тогда все элементы LI перестают переносится.

psywalker, спасибо за вариант.

неужели через css это не решаемо, может нужно white-space:nowrap как то хитро прописать?

[psywalker]

  Quote

white-space:nowrap я попробовал в первую очередь и для LI, потом для A и напоследок для SPAN, но увы тогда все элементы LI перестают переносится.

psywalker, спасибо за вариант.

неужели через css это не решаемо, может нужно white-space:nowrap как то хитро прописать?

Не за что, я так и думал, что нужен именно мой вариант в плане сабжа...а насчёт CSS увы, боюсь, что верхние варианты максимум могут что-то сделать

[SelenIT]

Как вариант — заменить inline на inline-block (с небольшими подпорками для кроссбраузерности).

[Great Rash]

  Quote

Если я прав, тогда дам Вам совет, ставьте между словами невидимые пробелы, их можно найти в Винде - Все программы - Таблица символов

Ссылка чисто на заметку: http://ru.wikipedia.org/wiki/%D0%9C%D0%BD%...%B8_%D0%B2_HTML

[psywalker]

  Quote

Если я прав, тогда дам Вам совет, ставьте между словами невидимые пробелы, их можно найти в Винде - Все программы - Таблица символов

Ссылка чисто на заметку: http://ru.wikipedia.org/wiki/%D0%9C%D0%BD%...%B8_%D0%B2_HTML

Нее, прикол в том, что по адресу: Все программы - Таблица символов неразрывный пробел вообще не имеет кода, и соответственно никаких мнемоников, просто пустота, но он Есть!

[s0rr0w]

  psywalker said:

Нее, прикол в том, что по адресу: Все программы - Таблица символов неразрывный пробел вообще не имеет кода, и соответственно никаких мнемоников, просто пустота, но он Есть!

Код 160. Сразу после тильды.

[mishka]

Странно что вам непомог white-space:nowrap; попробуйте его прописать на <a>.

ul a{white-space:nowrap;}

Edited August 21, 2009 by mishka2

[pedrosoft]

в моем ситуации он вам тоже не поможет. такая у него странная логика работы

[pedrosoft]

SelenIT респект вам, решение работает и более элегантное нежели с неразрывными пробелами.