Добрый день.
Подскажите, пожалуйста, как сделать, чтобы текст обтекал картинку?
Понимаю, что вопрос нубский, но все же..)
Пробовал оформлять из уроков по html, воровал код у других и вставлял себе — все не то. То текст слишком близко, то низко, то криво)
В самом редакторе можно поставить так, чтобы фотка была слева, а текст рядом, но тогда текст слишком близко и не понятно как его регулировать.
Помогите, пожалуйста, люди добрые)
Если что, версия 1.10.6.
Пример желаемого:
Заранее спасибо)
Как сделать обтекание картинки текстом
#1
23 июня 2016 в 22:58
#2
23 июня 2016 в 23:13
Если в редакторе не устраивает, то пробуйте разобрать вот это
А вообще, для правильного решения, наберите тут в поиске "обтекание" например и получите разные решения проблем и тд.
<div style="float:left; margin: 5px 10px 5px 0px "><img src="картинка.png" border="0"/></div>
#3
23 июня 2016 в 23:25
Сегодня в 22:49
#4
24 июня 2016 в 00:16
<div style="float:left; margin: 5px 10px 5px 0px "><img src="картинка.png" border="0"/></div>
Не совсем правильно будет. Вот этот border="0" натыканный везде, выдает ошибку валидации.
В файле_content_read картинку в con_image и текст в con_text например. Далее стилями выставляйте в любом виде. Чтобы сделать обтекание укажите для con_image ширину 30% плюс float left и конечно маргин добавьте. Если не понимаете о чём речь, стоит погуглить — не так уж сложно разобраться будет.