CSS выровнять строки, перенос строк

rtyug
На сайте с 13.05.2009
Offline
245
7630

подскажите как выровнять тут текст http://lissyara.org.ua/view_content/65 (нету переноса строк, строки длинные)

можно ли каждую строку зафиксировать по длинне чтобы каждое слово переносилось на другую строку (если строка большая)?

я использую ББ редатор, мне порекомендовали вот это http://www.htmlbook.ru/css/white-space.html для пробелов и для переносов абзаца, НО там нету переноса строк!

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

я посмотрел исходники форумов, как там именно это сделано и не получилось ничего, там видимо какая-то тонкость!...

вот в тестовом варианте как сейчас:


<tr width="900" style="

text-align: left;
margin: 0;
width: 900;
float: none;
clear: none;

font-size: 12px;
line-height: 1.333;


vertical-align: top;

padding: 2px 4px;
border-collapse: collapse;
overflow-x: fixed;
overflow-y: fixed;


margin: 0 0 1.5em 0;
overflow: fixed;
white-space: pre;
">

<td width="900" colspan="3" aling="left">


<TMPL_VAR NAME="text_co">


</td>
</tr>

<b><TMPL_VAR NAME="text_co"></b> - это текст из oаблона

это для BB code


/* Quote */


.bbcode_code_body {display:block;}




.bbcode_code_body {
color: #100;
background-color: #f9f9f9;
border: 1px solid silver;
margin: 0 0 1.5em 0;
overflow: auto;
}

/* IE FIX */
.bbcode_code_body {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
width: 100%;
}

.bbcode_code_body span {
border-collapse: collapse;
}

.bbcode_code_body , .wp_syntax td {
vertical-align: top;
padding: 2px 4px;
}

.bbcode_code_body .line_numbers {
text-align: right;
background-color: #def;
color: gray;
overflow: visible;
}

/* potential overrides for other styles */
.bbcode_code_body span {
margin: 0;
width: auto;
float: none;
clear: none;
overflow: visible;
font-size: 12px;
line-height: 1.333;


}


вообщем, подскажите пожалуйста, как тут выровнять http://lissyara.org.ua/view_content/65 ?

Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)
Prior
На сайте с 03.03.2008
Offline
156
#1

Правильно вам посоветовали.

Найдите в коде сайта строку

white-space: pre;

И замените её на

white-space: normal;
В чём разница? https://v-chem-raznica.ru
rtyug
На сайте с 13.05.2009
Offline
245
#2

поменял, но нету пробелов и абзацев, теперь...

если использовать white-space: pre; можно ли выровнять ширину строки про то чт оя спрашивал в первом посте(если можно так сказать) ?

Prior
На сайте с 03.03.2008
Offline
156
#3

А вручную вставить в текст пробелы и абзацы никак?

ixRock
На сайте с 14.11.2006
Offline
46
#4

rtyug, пусть остается white-space: pre; а чтобы не раздвигало сайт по ширине добавь overflow:auto; width:100%; display:block;

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com
rtyug
На сайте с 13.05.2009
Offline
245
#5

на данном форуме в тексте пробелов и абзацев нету

я посмотрел исходники CSS - там не понял и не увидел... как-то сложно

есть ли решение с инструкцией?

абзацы поставить можно, но пробелы не получилось... оно сбилось всё, елси так:

s/ /&#160;/g;

пробелы можно поставить, в прицнипе, если они стоят в начале....

ну а в данном случае можно выровнять таблицу с white-space: pre; ? так нельзя?

rtyug добавил 28.11.2009 в 18:29

PS форум пробельный символ скрыл в регулярном выражении...

ixRock
На сайте с 14.11.2006
Offline
46
#6

rtyug, ну делай замену пробелов так: str.replace(/ /g, '&nbsp;')

rtyug
На сайте с 13.05.2009
Offline
245
#7

понятно, сделаю попробую еще...

а почему на этом форуме и на phpbb такого нету?

там пробелы, абзацы, и перенос строк динамически на CSS!!

====

есть ли решения? можно ли ее сделать чтобы строки была зафиксированная в таблице, чтобы они не вылазили на киломметр в право?

я посмотрел форумы phpbb и vBulletin®

на первом я поставил - не работает, там было очень сильно запутано как-то...

в vBulletin® я не понял...

rtyug добавил 29.11.2009 в 15:15

сделал, что-то css больше 2 версии мало продокументированно, одну штуку поставил, как бы написано что работать редко где должно, но у меня везде работает

вообщем там надо было заменить

white-space: pre;

на

white-space: pre-wrap;

и все выровняется

нашел тут:http://css.manual.ru/properties/white-space

тут вот еще маленько:

http://xpoint.ru/forums/internet/html_css/css/thread/21764.xhtml

http://www.webmascon.com/topics/coding/46a.asp

http://www.nbuv.gov.ua/books/19/css2/text.html

http://www.umade.ru/resources/specifications/CSS2/text.html

http://info-pages.com.ua/e/95

посмотрите еще может быть с IE 7-8 как? выравнивается?

http://lissyara.org.ua/view_content/65

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий