Как переносить текст?!

[milvic]

Требования: должно работать под IE 6.0

Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span>

Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку

		
<table id="tabContent">
<tr>
<td id="td1" style="background-color: red; width: 300px">
12345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890
</td>				
</tr>
</table>

Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку.

Может кто подскажет более менее элегантное решение?

Спасибо.

[Great Rash]

Текст будет переноситься только если в нем есть пробелы, такие длинные слова переноситься не будут, это не ворд все-таки. Если хотите переносить насильно, то вставляйте тэг <br />.

[Игорь Ермаков]

Можете взять блок и воспользоваться свойством overflow, придайте ему значение auto. Таким образом ширина вашего блока не будет меняться, но появится полоса прокрутки, как например на этом форуме, если бы вы написали длинное сообщение без пробелов.

overflow:auto

[Victor Ananiev]

да нет, здесь блок тянется) во всяком случае так было раньше)

[SerTse]

Подскажите. А как правильно в css файле прописать тег, например <ab>, чтобы при вставлении этого тега перед словом он бы делал новый абзац+отступ.

[psywalker]

Подскажите. А как правильно в css файле прописать тег, например <ab>, чтобы при вставлении этого тега перед словом он бы делал новый абзац+отступ.

1) Тега <ab> не существует

2) Например есть строчные элементы, а есть блочные, первые не разрывают строку, а вторые разрывают, вот например элемент <span> </span> строчный, следовательно, если в Css прописать ему : span { display: block;} то он станет блочным, окажется на новой строке, а следующее слово окажется после него, на строчку ниже, как вы хотите..

А вот отступы придётся задавать отдельно))

3) Есть ещё тег <br />, вставив его перед словом, оно окажется на новой строке, вобщем попробуйте, потом расскажите

[Lincky]

такого тега не существует. неободимо использовать только существующие теги.

для того чтобы делался новый абзац и отступ, тебе необходимо вставлять тег <p>, а потом его закрыть в нужном месте </p>(вконце абзаца)

в стилях можешь например прописать

p {

padding: 10px 0;

text-indent: 20px; (если нужна красная строка)

}

будет использоваться для всех тегов <p> на странице

[SerTse]

<span> </span> не работает. из за того что я пытаюсь загрузить тег во флеш, может быть поэтому...

придется тогда <br> работать.

А вот отступы придётся задавать отдельно))

пробелом чтоли?

А почему тег <ab> - просто я подумал что если в css прописать такой тег (как и придуманный любой), а потом вставить его в документ, то он все равно будет работать. с css работаю всего пару дней и путем не разобрался.

[SerTse]

для того чтобы делался новый абзац и отступ, тебе необходимо вставлять тег <p>, а потом его закрыть в нужном месте </p>(вконце абзаца)

работает, очень хорошо. спасибо.

но теперь проблемка. как убрать этот большой интервал после переноса строки, уж очень он большой...

[SelenIT]

Выставить абзацам нужные отступы в стилях. Например,

p { margin: 0.5em 0; }

установит отступы между абзацами в половину размера шрифта...

Ну и чисто для коллекции, для насильного переноса длинных слов есть word-wrap: break-word (CSS3) — правда, работает только в IE, Safari и FF 3.5...

[SerTse]

Выставить абзацам нужные отступы в стилях. Например,

p { margin: 0.5em 0; }

установит отступы между абзацами в половину размера шрифта...

Не работает. вообще огромный отступ между абзацами получается

[SelenIT]

Полный код покажите. Там, скорее всего, padding от прошлых экспериментов остался.

[SerTse]

Аха, заработало. просто в тексте надо было слитно сам текст писать, а между ними тег ставить.

спасибо за помощь всем!!!