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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Monkey, 5 фев 2009.

  1. Monkey

    Monkey Гость

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

    Vovochka Гость

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

    Что-то типа:
    Код (Text):
    <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>
    Тока точно отцентрировать главную картинку вряд ли удастся.
     
Загрузка...

Поделиться этой страницей