[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Много символов портят внешний вид страници
grant
Есть на сайте такой мини-чат http://pixs.ru/showimage/fgfgpng_8416738_3328305.png

Если написать много символов, всё это разъежается, получается горизонтальная полоса прокрутки и т.д. вообщем страновится страшно на это смотреть)

в связи с этим вопрос, можно как-то сделать, чтобы если порядка 200х символов, часть перемещалась на вторую строчку? Естественно можно в скрипте обрезать длину строки, но это бред, т.к. туда максимум влезет 50 символов....



Спустя 28 минут, 17 секунд (12.11.2011 - 17:41) dadli написал(а):
$mesage = "chto to";
$length = mb_strlen($mesage,"utf-8");

$i = 0;
while ($i < $length) {
$mes = $mes.mb_substr($mesage,$i,200,"utf-8")."<br>";
$i = $i + 200;
}

echo $mes;

Спустя 14 минут, 17 секунд (12.11.2011 - 17:55) grant написал(а):
спс

Спустя 30 минут, 54 секунды (12.11.2011 - 18:26) Gesandte написал(а):
а нахрена тут пхп? видимо верстка кривая.

Спустя 15 минут, 43 секунды (12.11.2011 - 18:42) grant написал(а):
а как сделать без php, чтобы текст вмещался в это окошко? Соответсвеено с переносами и так далее

Спустя 13 минут, 8 секунд (12.11.2011 - 18:55) dadli написал(а):
Gesandte
да, скажите пожалуиста как? мне тоже интересно, я в дизаине очен слаб и не подумал другои решение, без включеня пхп, мне тоже интересна, есть чисто дизаинерски метод, решать такую проблему?

Спустя 5 часов, 6 минут, 16 секунд (13.11.2011 - 00:01) Gesandte написал(а):
примерно так

<!DOCTYPE>
<html>
<head>
<meta
charset="utf-8" />
<title>
Chat</title>
<style>

*{
margin: 0;
padding: 0;
}

div.chat {
border: 1px solid rgb(100,100,100);
width: 250px;
height: 300px;
}

div.chat div.time {
width: 80px;
float: left;
}

div.chat div.content {
overflow: hidden;
}
</style>
</head>
<body>

<div
class="chat">
<div
class="time">16:10:06</div>

<div
class="content">
<span>
destus</span>
<p>
message message message message message</p>
</div>
</div>

</body>
</html>


Спустя 53 минуты, 46 секунд (13.11.2011 - 00:55) Winston написал(а):
dadli
Зачем же такой изврат? :)
Все гораздо проще :)
$str = 'assdfgkddskfkkassdfgkddskfkkassdfgkddskfkkassdfgkddskfkkassdfgkddskfkkassdfgkddskfkkassdfgkddskfkka    ssdfgkddskfkkassdfgkddskfkkassdfgkddskfkkassdfgkddskfkk';
echo preg_replace('#(.{10})#s', '$1<br/>', $str);

PS: Поставить число в {} по вкусу :)

Спустя 22 минуты, 7 секунд (13.11.2011 - 01:17) dadli написал(а):
Winston
да, ваш регулярка более елегантно виглядит smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.