как так разметить сообщение

HTML

<div class="obertka">
  <div class="image"><IMG></div>
  <div class="obertka-bloka">
    <Тут_сам_блок_с_текстом>
  </div>
  <div class="clear"></clear>
</div>

CSS

.clear{clear: both;}
.obertka{
/*если надо, задаем отступы*/
}
.obertka .image{
    width: 100px;
    height: 100px;
    padding: 6px;
    float: left;
}
.obertla .image img{width: 100px; height: 100px;}
.obertka .obertka-bloka{
    margin-left: 112px;
    padding: 6px 6px 6px 0;
}

Внутри блока obertka-blok строишь вывод, заокругления краев и прочее как захочешь,
Из CSS понятно, что отступ между блокаи везде 6 пикселов, можно менять на свою величину

10. Phantom, человек не спрашивает "есть ли смысл", он говорит "как сделать такое же разположение" поэтому я предложил свой вариант, а то, что есть смысл его использовать или нет, то каджый решает сам за себя

Лучше на аякс сделать...

А какое отношение имеет аякс к разметке страницы?
Или просто понравилось такое слово?

А мне во интерестно, как можно сделать перенос или обрезку текста в диве по размеру экрана. Слышала word-wrap/brek-word но, как именно не знаю.. Все сдлалала с помощью php

$text=wordwrap($text,20,"\n",1);

Но, получилось - беее...)
По этому, если у кого то есть время, желание и тп, распишите пожалуст0) За ранее благодарна)
А то я в css полный чайник с носиком)))

15,

word-wrap: break-word

;

dekameron (5 Июля 2011 / 17:22)
15,

word-wrap: break-word

;

Спасибо но, я так пробовала уже - не робит...

erika (5 Июля 2011 / 21:54)
Спасибо но, я так пробовала уже - не робит...

тут есть список подерживаемых браузеров

dekameron (6 Июля 2011 / 13:54)

тут есть список подерживаемых браузеров

Спасибо, очень много нового для себя нашла. Плюс поставила...