Оформление контента

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

#1 23 июня 2016 в 22:58
Добрый день.

Подскажите, пожалуйста, как сделать, чтобы текст обтекал картинку?

Понимаю, что вопрос нубский, но все же..)
Пробовал оформлять из уроков по html, воровал код у других и вставлял себе — все не то. То текст слишком близко, то низко, то криво)

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

Помогите, пожалуйста, люди добрые)

Если что, версия 1.10.6.

Пример желаемого:


Заранее спасибо)
#2 23 июня 2016 в 23:13
Если в редакторе не устраивает, то пробуйте разобрать вот это

  1. <div style="float:left; margin: 5px 10px 5px 0px "><img src="картинка.png" border="0"/></div>
А вообще, для правильного решения, наберите тут в поиске "обтекание" например и получите разные решения проблем и тд.
#3 23 июня 2016 в 23:25
#4 24 июня 2016 в 00:16

<div style="float:left; margin: 5px 10px 5px 0px "><img src="картинка.png" border="0"/></div>

garry


Не совсем правильно будет. Вот этот border="0" натыканный везде, выдает ошибку валидации.

В файле_content_read картинку в con_image и текст в con_text например. Далее стилями выставляйте в любом виде. Чтобы сделать обтекание укажите для con_image ширину 30% плюс float left и конечно маргин добавьте. Если не понимаете о чём речь, стоит погуглить — не так уж сложно разобраться будет.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.