Дли-и-и-и-инные ссылки на форуме вылезают за DIV

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 28 мая 2012 в 22:53
Проблема: пользователь добавляет длиннющую ссылку в сообщение на форуме, ссылка уходит за границу блока и, что усугубляет положение — все сообщения на этой странице форума теряют свои переносы строк и тоже уходят в никуда...
Надо бы как-нибудь порезать ссылку или хотяб переносить ее так же как и текст. Но как — сам не докопался еще. Может решение просто как 2х2?
#2 28 мая 2012 в 23:12
#3 28 мая 2012 в 23:20


Проблема: пользователь добавляет длиннющую ссылку в сообщение на форуме, ссылка уходит за границу блока и, что усугубляет положение — все сообщения на этой странице форума теряют свои переносы строк и тоже уходят в никуда… Надо бы как-нибудь порезать ссылку или хотяб переносить ее так же как и текст. Но как — сам не докопался еще. Может решение просто как 2х2?


я добавил достаточно длиннющую ссылку на форуме? glasses — Покажите, что поехало и где нет переноса.

SJen

есть такая проблема когда ссылка — точнее текст ссылки без пробелов и других знаков припенания

ПроблемапользовательдобавляетдлиннющуюссылкувсообщениенафорумессылкауходитзаграницублокаичтоусугубляетположениевсесообщениянаэтойстраницефоруматеряютсвоипереносыстрокитожеуходятвникудаНадобыкакнибудьпорезатьссылкуилихотябпереноситьеетакжекакитекстНокаксамнедокопалсяещеМожетрешениепростокак2х2?
#4 28 мая 2012 в 23:22
css
  1. word-wrap: break-word;
#5 29 мая 2012 в 00:26
в styles.css прописано:
  1. body {
  2. background:url(../images/bg.jpg) repeat-y center top;
  3. height: 100%;
  4. word-wrap: break-word;
  5. }
Пробовал и напрямую в frontend.php форума писать и в вышеупомянутый файл post_content добавлять (его там не было) — ноль эмоций...
Пробовал так:
  1. white-space: pre; /* CSS 2.0 */
  2. white-space: pre-wrap; /* CSS 2.1 */
  3. white-space: pre-line; /* CSS 3.0 */
  4. white-space: -pre-wrap; /* Opera 4-6 */
  5. white-space: -o-pre-wrap; /* Opera 7 */
  6. white-space: -moz-pre-wrap; /* Mozilla */
  7. white-space: -hp-pre-wrap; /* HP Printers */
  8. word-wrap: break-word; /* IE 5+ */
мимо… не туда вставляю? Или
#6 29 мая 2012 в 00:29
Попробуй в .blog_entry_text и в .blog_post_body
Удачи!
#7 29 мая 2012 в 04:42
Redbear, напишите в личку адрес сайта и ссылочку на пост вашего длинного сообщения с ссылкой
#8 30 мая 2012 в 22:16


Redbear, напишите в личку адрес сайта и ссылочку на пост вашего длинного сообщения с ссылкой

Sergey Platonov
вот ССЫЛЬ
Вышеперечисленные варианты не работают, пока приходится руками сообщения править… Прикол в том, что из-за ссылки пунты "править, удалить, цитировать" улетают в бесконечность (здесь не так) и для редактирования поста приходится сдвинуть их вниз-влево, исправить пост и вернуть обратно. А оставить слева — не по феншую получается… rofl
Шаблон — бывший дефолтный
Или хотяб понять кто кого наследует, чтобы остальные посты от этой ссылки не кривились (на первое время)
#9 31 мая 2012 в 05:59
у вас сейчас в стилях прописано

  1.  
  2. .post_content {
  3. white-space: pre;
  4. white-space: pre-wrap;
  5. white-space: pre-line;
  6. white-space: -pre-wrap;
  7. white-space: -o-pre-wrap;
  8. white-space: -moz-pre-wrap;
  9. white-space: -hp-pre-wrap;
  10. }
а ширина дива не указана — соответственно див растягивается так далеко, на скоко оно возможно (по ширине текста так как див не ограничен.
я у себя воспроизвел на дефолтном шаблоне ситуацию как у вас и после того как сделал вот так — всё стало в норму — текст в несколько строк, а не в одну


  1.  
  2. .post_content{
  3. width:700px;
  4. white-space: pre; /* CSS 2.0 */
  5. white-space: pre-wrap; /* CSS 2.1 */
  6. white-space: pre-line; /* CSS 3.0 */
  7. white-space: -pre-wrap; /* Opera 4-6 */
  8. white-space: -o-pre-wrap; /* Opera 7 */
  9. white-space: -moz-pre-wrap; /* Mozilla */
  10. white-space: -hp-pre-wrap; /* HP Printers */
  11. word-wrap: break-word; /* IE 5+ */
  12. }
  13.  
#10 1 июня 2012 в 01:45
Sergey Platonov, спасибищщщще! Век живи — век CSS учи! Пошел искать профиль и плюсовать… dance
#11 1 июня 2012 в 01:51


Sergey Platonov, спасибищщщще! Век живи — век CSS учи! Пошел искать профиль и плюсовать… dance

Redbear

метод тыка в таких делах, самый продвинутый метод laugh — сам минут 15 убил, чтоб понять, почему при прописанном переносе слов в css он их не переносит, потом дошло, что див то не ограничен шириной и поэтому и не переносит
#12 1 июня 2012 в 02:38
Вот и я теперь чутка поумнел. Ведь так просто на самом деле было, а подиж ты… Еще раз стопицот спасибо!
#13 1 июня 2012 в 02:55
Ну, с миру (с Сергея) по нитке… И закрываю тему dance
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.