Обтекание картинки текстом!

Monkey · 05.02.2009

Как зделать такую штуку,нужно разместить картинку по центру страницы,с левой стороны от нее должен быть текст,а с правой картинки меньшего размера 3 штуки расположеные горизонтально!

Vovochka · 06.02.2009

Юзать блоки с float: right

Что-то типа:

Код:

<html>
<head>
<style>
#picture_set { float: right }
#picture_set img { width: 100px; height: 75px; float: right; clear: both; margin: 5px 30px }
#main_picture { float: right; width: 400px; height: 300px; margin: 5px 10px}
</style>
</head>
<body>

<div id='picture_set'>
<img>
<img>
<img>
</div>
<img id='main_picture'>
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
</body>
</html>

Тока точно отцентрировать главную картинку вряд ли удастся.

Обтекание картинки текстом!

Ещё по теме