zzweb-панель

Как сделать обтекание картинки текстом

Большой текст часто требует контекстных иллюстраций. Я для их размещения удобно использовать эффект обтекания.

В zz-пространстве это делается так же просто, как сдвиг изображения вправо или влево. Только вместо одной вертикальной черты для указания сдвига, применяются две.

Важно понимать, что при обтекании картинки другими данными, на странице сначала указывается изображение, а уже за ним — данные, которые будут его обтекать.

Давайте напишем пример:



Теперь посмотрим, что у нас вышло:



http://img.zzweb.ru/img/754064/img.jpg
важно!
Этот текст обтекает изображение, которое прижато к правому краю экрана с помощью двух вертикальных черточек.

Под картинкой имеется надпись «важно!», которая вместе с изображением обтекается данным текстом…

Текст, обтекающий прижатое изображение, может содержать в себе
кнопки
, ссылки, изображения и любые другие объекты.

Совет: чтобы легко запомнить правила сдвига изображений и других объектов, представьте, что вертикальная черта — край экрана. Черта справа от файла — картинка прижата к правому краю, черта слева — к левому. А если черта поставлена дважды, то прижатие к краю будет таким сильным, что с другой стороны пробежит и текст, и другие картинки.

http://img.zzweb.ru/img/754064/img.jpg
тоже важно
А теперь мы обтекаем изображение справа, поскольку картинка прижата к левому краю (две вертикальные черты слева)…
Акакий
вернуться в «Коллекция Акакия»

ДОБАВИТЬ комментарий, предложение, вопрос...