Запретить расширяться таблицу

[ufo]

Следующая проблема -
есть таблица ячейки имеют определенный размер в процентах и выравнивание.
как сделать чтобы текст который содержится в ячейках при большом его размере переходил на новую строку. А то таблица начинает расширятся. Раньше как то делал - сейчас не помню
подскажите pls...

[Rom@nych]

В каждой ячейке пишешь её ширину (процент или число) + ширина таблицы в тэге table
Я всегда так делаю и у меня никто никуда не едет;))

[diMMer]

ufo_, ты имеешь ввиду перенос длинных слов без пробелов, типа "dddddddddddddddddddddddd" и т.д. ?
Тогда вроде совет Rom@nych'a не прокатит...

[ufo]

дыг точно затупил - я тестил dddddddddddddddddddddddddddddd
спаибо

[Mastilior]

Цитата

ufo_, 18.08.04, 16:05
дыг точно затупил - я тестил dddddddddddddddddddddddddddddd
спаибо

На будущее, если пригодится, используй CSS-свойство overflow. Принимает значения visible, hidden, scroll или auto.

[Malicious Babai]

Есть еще свойство CSS table-layout . Принимает значения auto и fixed (если указать второе, то ячейка будет точно соответствовать заданным парамметрам вне зависимости от содержимого). Применяется только к таблицам

[Mixxx]

Цитата

Malicious Babai, 19.08.04, 13:50
Есть еще свойство CSS table-layout

Только не забывайте что оно работает только в IE.

[Malicious Babai]

Цитата

Только не забывайте что оно работает только в IE.

не совсем так - проверял в последних версиях Оперы: работает на ура...

[Mixxx]

Malicious Babai
На какой опере проверяли?
Каким кодом?

Я скачал Оперу 7.54 и в ней (в IE всё ok) такой код не работает
[html]
<table style="table-layout: fixed;">
<col style="width: 100px"><col style="width: 100px"><col style="width: 100px">
<tr style="height: 10px"><td>Ячейка нумер 1</td><td>Ячейка нумер 2</td><td>Ячейка нумер 3</td></tr>
<tr style="height: 10px"><td>Ячейка нумер 1b</td><td>Ячейка нумер 2b</td><td>Ячейка нумер 3b</td></tr>
</table>
[/html]

[Malicious Babai]

Mixxx, Опера тестилась в версиях 7.10 и 7.20 (на работе и дома)... странно, что в 7.5 не идёт , но у меня всё фиксировалось...
код следующий:

 
<table style="table-layout: fixed;">
<tr>
<td width="127" class="menu">
 Блок текста и графики
</td>
<td width="54">
</td>
<td class="osn">
 Здоровенный блок текста        
</td>
<td width="20%" class="r">
 тож какой-то текстовый фрагмент
</td>
</tr>
</table>

до применения table-layout: fixed; придобавлении формы в правую ячейку таблица просто плыла, т.е. правая ячейка начинала расползаться влево, но после этого всё пришло в норме. Может в таком случае просто идет конфликт в CSS ? я хочу сказать, что у меня не через стилевые ведь свойства указаны значения, а через аттрибут тэга, может потому и работает

Сообщение отредактировано: Mixxx - 23.08.04, 15:15

[Trustmaster]

Malicious Babai, сколько можно говорить, используйте подсветку синтаксиса (code=html)!

[Mixxx]

M

Обсуждение ушло немного сторону, поэтому часть постов перенесена в Table vs div

seelts Больше не надо разводить оффтопики, надо было вам сразу создать отдельную тему.

[Mixxx]

Malicious Babai
А может быть дело вовсе не в table-layout?

[Mastilior]

Цитата

Mixxx, 20.08.04, 23:24
Malicious Babai
А может быть дело вовсе не в table-layout?

Угу _ufo просил переносить текст на новую строку, а не ограничивать его скрытием. Как сделать это в CSS, честно говоря, не знаю Mixxx?

Добавлено в 20.08.04, 17:36:
ufo_,
если даже этого сделать нельзя, то можно пропарсить текст вручную и разрезать его пробелами.

[Mixxx]

Mastilior
Помоему никак.
На мой взгляд неплохой выход из этой ситуации -
это положить внуть ячеек div'ы c overflow:auto, тогда при необходимости
будет появляться горизонтальный скролинг. И ячейка не будет расширяться.

Можно конечно на JS'е но это будет совсем не универсальный (если писать универсальный то надо будет как то узнавать ширину каждого символа в ячейке, как это сделать?)скриптец. Всё зависит от конкретной ситуации.