23 ноября 2010 в 7:26
Доброго времени суток!
С недавнего времени потребовался чат для авторизованных пользователей.
Установил Shout box, в принципе все устраивает, но есть одно НО.
Если добавлять безумно длинные сообщения - они выходят за рамки блока и могут уйти далеко за рамки экрана.
Выглядит это так:
Помогите пожалуйста! Как с этим бороться?
Комментарии
самый простой способ, который вижу, поставить overflow:hidden блоку shout box, при этом ширина естественно должна быть фиксированная. делается это на уровне css.
только хидден не работает вроде в IE
А вообще, можно просто банить тех кто пишет такое - это гораздо быстрее
не согласен, что банить тех, кто такое пишет - гораздо быстрее, гораздо быстрее один раз нормально сверстать шаблон.
Насчет того, что overflow hidden не пашет в ишаке - неправда, пашет, просто надо пользоваться правильно, погуглите, в данном случае проконает и в ищаке без лишних усилий.
_htmlbook.ru/css/overflow
поддержка IE не катит...
Valeratal - банить за собственную недоработку, как минимум глупо.
Есть еще варианты?
читайте там внимательней, поддержка катит, но не полностью,в продвинутых случаях нет, но в вашем должно проканать, так как это элементарный случай.
ааа...эээ...мммм.... фильтер написать свой. Вот.
вряд ли думаю осилю...поэтому все еще в поиске, не поверю чтобы я один сталкивался с проблемой отсутствия модуля чата на drupal'е...
то есть фактически с этой проблемой ранее никто не сталкивался и все видят ее впервые?
неужели авторы не в курсе этой проблемы? ведь обновляют же модуль...
То есть фактически, те кто сталкивался с этой проблемой уже предложили вам свои варианты решения, но на всё это вы нашли по одной причине как минимум чтобы это не использовать.
Может так
text-overflow: ellipsis;
Нашли решение этой проблемы? Если да можно подробно, какой код и куда вставить или изменить. Я просто далек от программирования) только учусь.
так ни кто не подскажет? хороший чат и как с ним быть?)
Я справился тем, что в css прописал для div.shoutbox-msg фиксированную ширину под дизайн - width: 165px;