Форум Сайтостроение Веб-строительство

<IMG> без обтекания текстом

K
На сайте с 12.07.2006
Offline
295
Kpd
3158

Есть примерно такой код 

<img src="адрес_первой_картинки" align="left">Этот текст обтекает картинку справа.<br>

<img src="адрес_второй_картинки"><br>

Первая картинка обтекается текстом справа, так как надо. Сейчас если текст короткий, то вторая картинка оказывается под текстом, справа от первой картинки. Как сделать так, чтобы вторая картинка всегда была под первой картинкой (или под текстом, если текст большой и полностью обтекает первую картинку), независимо от размера текста? Я вижу решение только с помощью строчек таблицы, это не подходит.

E
На сайте с 29.03.2007
Offline
102
egorych
#1

попробуйте <div>

K
На сайте с 12.07.2006
Offline
295
Kpd
#2

пробовал <p> и <div>, не помогает.

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#3

Kpd, а если картинке стиль прописать style="clear:left;"

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
MASe
На сайте с 17.09.2002
Offline
219
MASe
#4

или так:

после первой картинки у Вас <br> стоит ...

напишите там <br clear="all">

Only God Can Judge Me... Nobody Else... Дрезна (http://www.drezna.ru/) Помощники: Sape (http://www.sape.ru/r.167724536c.php)
B
На сайте с 03.02.2005
Offline
165
betam
#5

попробуй... <img style="display: block;"> для второй картинки..

Интеграция сайтов с 1С (товары, контрагенты, документы, заказы). Консультации и услуги. Есть готовые решения - быстро и недорого. Приглашаю к сотрудничеству агентства и веб-студии.
topy
На сайте с 28.03.2006
Offline
142
topy
#6

рабочий пример: вставьте в атрибуты картинки

style='border:0px; vertical-align:none; float: left' например....

Новости коротко и ясно (https://subnews.ru)
Дмитрий
На сайте с 23.08.2006
Offline
199
Дмитрий
#7

У второй картинки style="clear:both;". Удобнее сделать так:

html: <div class="clear">&nbsp;</div>

css: .clear {clear:both; font-size:1px; height:1px;}

И вставлять эту конструкцию в местах, где текст долже переставать обтекать.

Разрабатываю и автоматизирую на php http://jonnyb.ru/
K
На сайте с 12.07.2006
Offline
295
Kpd
#8
Varkolak:
Kpd, а если картинке стиль прописать style="clear:left;"

Работает.

Всем спасибо ☝

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