Обтекание картинки текстом

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
809

У меня картинка с правой стороны обтекается текстом, но последняя строчка должна быть под картинкой, а не обтекать её.

Не подскажите как можно это сделать?

C
На сайте с 04.02.2005
Offline
291
#1

Рисунок бы в студию

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#2

Щас сделаю

radova
На сайте с 09.02.2011
Offline
77
#3

Со слов не очень понятно. И вообще в чем проблема? При таком обтекании последующие строчки так и так выстроятся ниже картинки.

Верстка сайтов (HTML, CSS, jQuery) / Email: ocetis@yandex.ru / Skype: ocetis / Telegram: https://t.me/ocetis
wwwwww
На сайте с 29.04.2011
Offline
195
#4

Делайте слой float:left , в него помещаете картинку + br + Ваш текст подписи к картинке.

Видишь? Свободная подпись.
radova
На сайте с 09.02.2011
Offline
77
#5

...так вот что имеется ввиду ))) Тогда - в див картинку, под ней абзац (p) безо всяких br. Диву задать float:left.

arkadiy_a
На сайте с 11.06.2008
Offline
82
#6

У меня похожий вопрос. Есть картинка с обтеканием текста справа. Она вставлена в обычный параграф <p>...</p>. Картинка узкая, она большая по высоте и снизу она высовывается под параграфом. Как начать следующий параграф с такой высоты, чтобы он был под картинкой?

Картинка пока вставляется так: <img style="float: left; margin-right: 10px;" src="..."/>

radova
На сайте с 09.02.2011
Offline
77
#7

Второму параграфу задать в стилях clear: both;

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#8
arkadiy_a:
У меня похожий вопрос. Есть картинка с обтеканием текста справа. Она вставлена в обычный параграф <p>...</p>. Картинка узкая, она большая по высоте и снизу она высовывается под параграфом. Как начать следующий параграф с такой высоты, чтобы он был под картинкой?

Картинка пока вставляется так: <img style="float: left; margin-right: 10px;" src="..."/>

У меня такая же ситуация! Только нужно чтобы не второй параграф, а "<h3>Текс</h3>" был под картинкой.

radova:
Второму параграфу задать в стилях clear: both;

Задал для "h3" clear: both;

Не помогает!

---------- Добавлено 24.02.2012 в 19:42 ----------

radova:
Второму параграфу задать в стилях clear: both;

Урррааа!!)) Теперь помогло, до этого просто не совсем правильно сделал. Спасибо большое!))

radova
На сайте с 09.02.2011
Offline
77
#9

Рада, что оказалась полезной ;-)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий