Хлопцы помошите с вёрсткой???

12
WwWork
На сайте с 07.02.2006
Offline
150
820

Привет всем!

Друзья, где грабли?

Суть вот в чём:

Текст в базе без

<br>
, только теги
<P>

Если его выводить чистым - с текстом всё в порядке - форматирование работает только на уровне абзацев (

<P>
). Чтобы было более или менее понятно человеку текст вывожу через
<pre>
.

Теперь получается такая вот нехорошая беда, когда длинное предложение не обрезается и вылазит за границы - появляется большой горизонтальый скрол.

Пробывал применять значение

'white-space' 
для тега
<P>
и
<pre>
- без успешно.

Не могу понять в чём беда?

p.s. URL в скину в личку.)

За ранее благодарен за помощь!

Dimid
На сайте с 03.12.2006
Offline
74
#1

кидайте url :).

Californiy
На сайте с 12.12.2006
Offline
95
#2
<pre>

Это моноширинный шрифт. Он не переносится на новую строку автоматически, тем самым ростягивая сайт.

Тружусь в sapiense.com.
WwWork
На сайте с 07.02.2006
Offline
150
#3

Скинул.

Californiy:
Он не переносится на новую строку автоматически, тем самым ростягивая сайт.

Вот-вот :)., получается либо компактно но неудобно для конечного пользователя, либо форматировано но с скролом :))

Californiy
На сайте с 12.12.2006
Offline
95
#4
Вот-вот ., получается либо компактно но неудобно для конечного пользователя, либо форматировано но с скролом )

А почему бы не сделать компактно и форматированно? Учите цсс - через него можно задать растояние между буквами, строками и прочую мутню...

WwWork
На сайте с 07.02.2006
Offline
150
#5
Californiy:
компактно и форматированно?

выставлял в ститлях ширину для pre или<p> (он в тексте преобладает) рез. нулевой

Dimid
На сайте с 03.12.2006
Offline
74
#6

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

что бы глобально изменить отступы, вставьте в css файл например:

p {

margin-top:10px;

margin-bottom:10px;

}

или же примените стиль к определённому блоку:

.content p {

margin-top:10px;

margin-bottom:10px;

}

WwWork
На сайте с 07.02.2006
Offline
150
#7

там так и есть :)

для <p> я предусмотрел стили.

Но длинные предложеняи порождают скрол.

Раньше с подобной проблемой я боролся путём указания явной ширины DIV в стилях, а тут, хм.. не получается.

neznaika
На сайте с 28.06.2006
Offline
356
#8

WwWork, http://validator.w3.org/ поюзайте, а потом расскажите.

Чтобы было более или менее понятно человеку текст вывожу через...

Что вот это значит? Что значит "понятно"

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
Dimid
На сайте с 03.12.2006
Offline
74
#9
WwWork:
там так и есть :)
для <p> я предусмотрел стили.
Но длинные предложеняи порождают скрол.
Раньше с подобной проблемой я боролся путём указания явной ширины DIV в стилях, а тут, хм.. не получается.

#v_n_a p {

padding-top:5px;

padding-bottom:5px;

padding-left:0;

padding-right:0;

margin:0;

}

WwWork
На сайте с 07.02.2006
Offline
150
#10
neznaika:
WwWork, http://validator.w3.org/ поюзайте, а потом расскажите.

Ребята я же помощи просил, а не критики.

neznaika:

Что вот это значит? Что значит "понятно"

как текст хранится в базе:

Форум о поисковых системах \n\n Технические вопросы \n\n Веб-строительство \n\n Хлопцы помошите с вёрсткой???Форум о поисковых системах \n\n Технические вопросы \n\n Веб-строительство \n\n Хлопцы помошите с вёрсткой???Форум о поисковых системах \n\n Технические вопросы \n\n Веб-строительство \n\n Хлопцы помошите с вёрсткой???Форум о поисковых системах \n\n Технические вопросы \n\n Веб-строительство \n\n Хлопцы помошите с вёрсткой???Форум о поисковых системах \n\n Технические вопросы \n\n Веб-строительство \n\n Хлопцы помошите с вёрсткой???
Соответственно он его так и выводит без расстановок.

Чтобы выводить его в более-менее понятном виде, пользую

<pre>
Форум о поисковых системах Технические вопросы
Веб-строительство Хлопцы помошите с вёрсткой???Форум о
поисковых системах Технические вопросы
Веб-строительство
Хлопцы помошите с вёрсткой???Форум о поисковых системах
Технические вопросы Веб-строительство

Тогда получается форматированный текст но длинные предложения вылазят.

Могу на лету заменить \n -> br, но затраты времени ЦП недопустимы.

p.s. взглянул на свежую голову, временно решение проблемы найдено с помощью формирование текста на лету! ☝

Дальнейшее решение вижу в изменении организации текста в самой базе. Правда ЦП не хочется по начам насиловать ;)

12

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