Это цитата сообщения Inmira Оригинальное сообщение

Размещаем картинки в посте.



Размещаем 2 картинки справа и одну слева при помощи таблицы.

[показать]	[показать]
[показать]

<table width="ширина таблицы" border="0" align="center" cellpadding="0" cellspacing="0" background="адрес Вашей фоновой картинки"> <tr> <td width="ширина ячейки №1" height="высота ячейки №1" valign="center" align="center"><img style="width: ширина рисунка №1px; height: высота рисунка №1px;" alt="Рисунок 1" src="адрес рисунка №1" /></td> <td width="ширина ячейки №3" rowspan="2" valign="center" align="center"><img style="width:ширина рисунка №3px; height: высота рисунка №3px;" alt="Рисунок 3" src="адрес рисунка №3" /></td> </tr> <tr> <td height="высота ячейки №2" valign="center" align="center"><img style="width: ширина рисунка №2px; height:высота рисунка №2px;" alt="Рисунок 2" src="адрес рисунка №2" /> </td> </tr> </table>
Что есть что:
[показать]
[показать]
Ширина таблицы = ширина ячейки 1 + ширина ячейки 3 (что логично)))
Ширина ячейки 1 всегда будет равна ширине ячейки 2 (что тоже логично)))
Размер картинок должен вписываться в ширину и высоту ячеек. Высота ячеек 1 и 2 может варьироваться Вами в зависимости от высоты Ваших картинок. Высота ячейки 3 будет равна (совершенно самостоятельно))) сумме высот первой и второй ячейки. background=фоновое изображение
cellpadding = Расстояние между ячейкой и картинкой (можно менять значения, они в пикселах).
cellspacing = Расстояние между ячейками (тоже можно поменять).
border = Толщина рамки в пикселах (опять таки можно поменять значение).
rowspan="2" - это означает - что у нас 2 строки объединены в одну (строки 1 и 2 ой ячейки в третьей = равны одной строке) Собственно - это основное. Если мы хотим разместить слева 5 картинок , а справа - одну - то в правой ячейке мы напишем rowspan="5"

Размещаем три картинки справа и одну слева.

[показать]	[показать]
[показать]
[показать]

<table width="ширина таблицы" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="цвет фона"> <tr> <td width="ширина ячейки №1" height="высота ячейки №1" valign="center" align="center"><img style="width: ширина рисунка №1px; height: высота рисунка №1px;" alt="Рисунок 1" src="адрес рисунка №1" /></td> <td width="ширина ячейки №4" rowspan="3" valign="center" align="center"><img style="width: ширина рисунка №4px; height: высота рисунка №4px;" alt="Рисунок 4" src="адрес рисунка №4" /></td> </tr> <tr> <td height="высота ячейки №2" valign="center" align="center"><img style="width: ширина рисунка №2px; height: высота рисунка №2px;" alt="Рисунок 2" src="адрес рисунка №2" /> </td> </tr> <tr> <td height="высота ячейки №3" valign="center" align="center"><img style="width: ширина рисунка №3px; height: высота рисунка №3px;" alt="Рисунок 3" src="адрес рисунка №3" /> </td></tr></table>
Опять что есть что:
[показать]
[показать]
Здесь у нас все аналогично первой таблице. Только я фоновый рисунок заменила на цвет. Тег bgcolor="#ff9900". Естественно - значения цвета можно менять)))
Про web цвета я немного писала здесь
Ну и изменилось значение rowspan, оно равно трем.)))
Всем удачи))) Спрашивайте, если что-то непонятно. Пост мной не планировалcя - просто получился в виде ответа на вопрос... И писала все сама, но т.к. с CSS мне оченно долго бы пришлось разбираться - все коды в html, но чистые и правильные.
Ой, и на всякий случай - не забывайте убрать галочку с "Сохранять переводы строк в тексте".