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

1. ensteyn-asen (08.05.2011 / 00:12)
вот есть скриншот сообщения на форуме.
как сделать такое же разположение ?
http://upwap.ru/1484691

2. Илья (08.05.2011 / 00:50)
С помощью CSS

3. ensteyn-asen (08.05.2011 / 00:57)
2. Wgis, ты серьезно ? 0_0

4. Андрей (08.05.2011 / 01:11)

ensteyn-asen (8 Мая 2011 / 02:57)
2. Wgis, ты серьезно ? 0_0

а он прав.. ты исходный код посмотри...

5. ramzes (08.05.2011 / 02:02)

ensteyn-asen (8 Мая 2011 / 00:57)
2. Wgis, ты серьезно ? 0_0

а ты чего ожидал?
что тебе сейчас десяток классов css распишут?
float
border-radius
и вперед

6. ensteyn-asen (08.05.2011 / 11:38)
ну может у кого шаблончик был и тд.

7. ensteyn-asen (08.05.2011 / 14:31)
уже все сделал

8. Илья (08.05.2011 / 15:03)
С нами поделись теперь))

9. mix (15.05.2011 / 10:37)
да что там делиться? один вариант осуществить все это - table!
делаем так:

<table><tr>
<td><img img width='32' hight='32' src='photo/foto.png' alt='desdfsdf'><br/>
<td><img src='img/m.png' alt='m'/></a> <b><a href="prof.php?id=168">desdfsdf</a></b> <img src="img/off.png" class="ico" alt="off"><br/><small>10 лет, Россия</small></td>
</tr></table>

в css ничего прописывать не надо.
у Вас получится что-то типа этого
http://upwap.ru/1496495

10. Phantom (15.05.2011 / 14:41)
9. shavo, Рамзес правильно сказал, float надо юзать. Смысла тут нет городить таблицы.

11. Анатолий (16.05.2011 / 13:28)
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 пикселов, можно менять на свою величину

12. mix (18.05.2011 / 13:50)
10. Phantom, человек не спрашивает "есть ли смысл", он говорит "как сделать такое же разположение" поэтому я предложил свой вариант, а то, что есть смысл его использовать или нет, то каджый решает сам за себя

13. Erika (25.06.2011 / 07:37)
Лучше на аякс сделать...

14. Анатолий (27.06.2011 / 16:46)
А какое отношение имеет аякс к разметке страницы?
Или просто понравилось такое слово?

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

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

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

16. Анатолий (05.07.2011 / 16:22)
15,

word-wrap: break-word

;

17. Erika (05.07.2011 / 22:54)

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

word-wrap: break-word

;

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

18. Анатолий (06.07.2011 / 12:54)

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

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

19. Erika (09.07.2011 / 19:19)

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

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

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

URL: https://visavi.net/topics/21334