Вид сообщений чата

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Вид сообщений чата

m1haluc4

Дата: Суббота, 06.09.14, 21:10:57 | Сообщение # 1

Рядовой

Группа: VIP

Сообщений: 9

Награды: 0

Репутация: 3

Замечания: 0%

Статус: Offline

Вот ни как не дойдет как правильно и просто прописать все как на картинке :

В данном случае все прописано на локальном сервере таблице :

Код

<table cellspacing="0" style="width: 100%; text-align: center;">
   <tr>
   <td style="padding: 25 15 5 25; margin-right: 20px;" class="mess"> <a title="22:00">Классный сайт я просто тащусь с него админ бог материалы от души я вся намокла</a></td>
   <td class="avat"><img title="m1haluc4" style="border: 2px solid #fff; border-radius: 75px;" width="75px" height="75px" src="fon.jpg" /></td>
   </tr>
   </table>
   <table cellspacing="0">
   <tr>
   <td style="margin-right: 0px;" class="avat1"><img title="m1haluc4" style="border: 2px solid #fff; border-radius: 75px;" width="75px" height="75px" src="fon.jpg" /></td>
   <td style="padding: 25 15 5 25;margin-left: 0px;" class="mess1"> <a style="color: darkkhaki;" title="23:00">Классный сайт я просто тащусь с него админ бог материалы от души я вся намокла</a><a title="Это ваше сообщение"><hr style="border: 1px dashed #00a083;" /></a></td>
   </tr>

   </table>

В данном случае у меня прописана ширина в таблицах 80% - 20 %
20% - 80%

но ведь таким образом не получится прописать вид сообщений чата непосредственно на сайте уже ,

соответственно мне нужно придумать как это все прописать , чтобы область с аватаром была 75 px и часть с сообщением занимает все остальное пространство и чтобы стиль сообщений чередовался как на картинке , к тому же фон прозрачный нужен , как ни пытался все время на весь чат белый фон , и обязательно фон сообщений и аватара прописать картинками

И как это все сделать уже сломал голову и все равно не допрет ни как, мб поможет кто ? )

Сообщение отредактировал m1haluc4 - Суббота, 06.09.14, 21:12:17

Арман

Дата: Среда, 17.09.14, 13:38:03 | Сообщение # 2

Лейтенант

Группа: Модератор

Сообщений: 47

Награды: 1

Репутация: 3

Замечания: 0%

Статус: Offline

Самое легкое по-моему - иметь 2 стили под какими-то классами скажем класс dark и класс bright. Для четных ставишь один класс, для нечетных другой. Кстати на примере, который ты скинул меняется не прозрачность в чередовании, прозрачность там одинаковая, мне кажется там просто прозрачная картинка белая выводиться над той, как в фотошопе блики делают, тупо белая картинка с прозрачностью 60-70% вставляется над комментарием.

Apocalypse

Дата: Четверг, 18.09.14, 08:01:39 | Сообщение # 3

Подполковник