LINUX.ORG.RU

<img align=right src=«linux.PNG»>

не оно?

helios ★★★★★ ()
<div>
  <div style="float: left; margin: 0px 10px 10px 0px;">
    <img src="">
  </div>
  Teкст
</div>
r_asian ★☆☆ ()

В общем случае (принимаем ширину сайдбара в 30ex):

.sidebar { float: left; overflow: hidden; width: 30ex; }
.page { margin-left: 30ex; }
<div class="sidebar">
    <div><img src="cow.jpg" alt="A cow"/></div>
    <div>Иллюстрация на тему</div>
</div>
<div class="page">Moo</div>
Deleted ()
Ответ на: комментарий от Turbid

Если текста много, то картинку вполне можно позиционировать абсолютно.

Например:

 
<div class="content"> 
   <p class="img"><img src="cow.jpg" alt="A cow"/></p> 
   <p>Описание, долгое и мучительное</p> 
</div> 

Ну а дальше, как водится:

 
.content { position: relative; }

.content .img { position: absolute; left: -500px; } 

Плюс такого подхода, что картинки замечательно встают вровень с текстом, и их можно выровнять друг относительно друг друга

can3p ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.