Форум Сайтостроение Веб-строительство

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

rtyug
На сайте с 13.05.2009
Offline
263
rtyug
7642

подскажите как выровнять тут текст 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
184
Prior
#1

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

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

white-space: pre;

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

white-space: normal;
Ответы на вопрос - https://answers.net.pl
rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#2

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

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

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

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

ixRock
На сайте с 14.11.2006
Offline
46
ixRock
#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
263
rtyug
#5

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

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

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

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

s/ /&#160;/g;

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

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

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

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

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

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

rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#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

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