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

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 28 мая 2012 в 22:53

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

#2 28 мая 2012 в 23:12

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

я добавил достаточно длиннющую ссылку на форуме? glasses

— Покажите, что поехало и где нет переноса.

оптимизирую помаленьку

#3 28 мая 2012 в 23:20

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

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

SJen

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

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

иногда пишу полезные вещи, мои контакты в профиле

Сегодня в 12:12

#4 28 мая 2012 в 23:22

css

word-wrap: break-word;

🛠 docs.instantcms.ru

#5 29 мая 2012 в 00:26

в styles.css прописано:

body {
    background:url(../images/bg.jpg) repeat-y center top;
    height: 100%;
	word-wrap: break-word;
}

Пробовал и напрямую в frontend.php форума писать и в вышеупомянутый файл post_content добавлять (его там не было) — ноль эмоций...
Пробовал так:

white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
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

у вас сейчас в стилях прописано

 
.post_content {
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
}

а ширина дива не указана — соответственно див растягивается так далеко, на скоко оно возможно (по ширине текста так как див не ограничен.
я у себя воспроизвел на дефолтном шаблоне ситуацию как у вас и после того как сделал вот так — всё стало в норму — текст в несколько строк, а не в одну

 
.post_content{
width:700px;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}

иногда пишу полезные вещи, мои контакты в профиле

#10 1 июня 2012 в 01:45

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

#11 1 июня 2012 в 01:51

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

Redbear

метод тыка в таких делах, самый продвинутый метод laugh

— сам минут 15 убил, чтоб понять, почему при прописанном переносе слов в css он их не переносит, потом дошло, что див то не ограничен шириной и поэтому и не переносит

иногда пишу полезные вещи, мои контакты в профиле

#12 1 июня 2012 в 02:38

Вот и я теперь чутка поумнел. Ведь так просто на самом деле было, а подиж ты… Еще раз стопицот спасибо!

#13 1 июня 2012 в 02:55

Ну, с миру (с Сергея) по нитке… И закрываю тему dance

Переход на Х страницу

Не выводятся сообщения на фору

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

Похожие темы

Видео по ссылке и импорт из вконтакте в instantvideo2

[ЕСТЬ РЕШЕНИЕ] Вывод ссылки на скачивание файла в шаблоне дополнения

ссылка для приглашения

Ссылка "позвонить " в пункте меню

Ссылки в заголовках виджетов

В новостях при цвете фона заголовка info скрываются доп ссылки

InstantCMS Team

О проекте

Поддержка

Дополнения