Question

Наполняю Главную материалом (фотография и текст). Работаю в визуальном редакторе. При вставлении фотографии, она по умолчанию оказывается слева. И далее текст приходится располагать ниже фотографии, хотя надо бы текст расположить правее фотографии, т.е. с обтеканием фотографии.

Привожу начало строки кода:

<div style="padding-bottom: 3px;">$IMAGE1$ &nbsp; &nbsp; &nbsp; &nbsp; . . . . .

Фотография вставляется набором символов  $IMAGE1$

Вопросы:

1. Знаю, что при создании простейшего сайта с помощью языка HTML можно расположить фото либо слева, либо в центре, либо справа. А как в вышеприведённом коде управлять положением фотографии?

2. Как на уровне фотографии (когда она слева или справа расположена) на оставшемся свободном поле размещать текст? Это желательно - в визуальном редакторе, но можно и в случае работы с кодом.

Answer 1

Для этого есть системные коды: 

$IMAGE1-LEFT$

$IMAGE1-RIGHT$

Answer 2

Текст будет обтикать фотографию в случае если у фотографии стоит в её стилях float:;

Вы можете просто создать 2 класса в css которые будут регулировать нужную вам фотографию и её положение. 

Приведу пример:
 

<div class="left">$IMAGE1$</div>Много текста обтекает фото справа от неё
<div class="right">$IMAGE2$</div>Много текста обтекает фото слева от неё

Если использовать данный метод , в таблицу стилей css добавте следующее и используйте пример на практике:

.left {float:left;}
.right {float:right;}

Comments

что бы сделать фото по центру , в стили добавьте

.center {margin:0 auto;}

а в редакторе  

<div class="center">$IMAGE3$</div>

или проще

<center>$IMAGE3$</center>