webew
Войти » Регистрация
 
HTML

вопрос по обтеканию изоражений текстом

8 февраля 2010, 20:10
Автор: 1234ru
вопрос по обтеканию изоражений текстом

HTML-код вида

<p><img ... align="left"> ... </p>
<p>...


приводит вот к такой картине:



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

(пробовал <p style="float:none"> - не помогает)
Добавить комментарий
Отображение комментариев: Древовидное | Плоское
NO USERPIC

rgbeast

Запихнуть изображение и первый абзац текста в div, а второй абзац во второй div
08.02.2010, 20:20
Ответить

paulus

Или делать полностью стилями: для картинок прописать float: left и для второй картинки clear: left.
08.02.2010, 20:33
Ответить

1234ru

Так один под другим будут расположены изображения, да.
Но мне нужно, чтобы текст про Seiko (который по смыслу привязан ко второму изображению), начинался от верхнего края изображения. А он начинается выше.

Вообще если подходить к проблеме без учета стандартов, то изображение и весь относящийся к нему текст (пусть даже в нескольких абзацах) можно загнать в ячейку таблицы - тогда следующее изображение никогда не выедет выше предыдущего.
Но так, как бы, не круто.
Вот как бы сделать по-человечески...
То, что не убивает нас, делает нас инвалидами.
08.02.2010, 22:07
Ответить

1234ru

Не помогает :(

Вообще мне кажется, что заключение <p> в <div> - не очень-то осмысленное действие, т.к. <p> - итак блочный элемент (<img> у меня внутри <p>)
То, что не убивает нас, делает нас инвалидами.
08.02.2010, 21:57
Ответить

bur

Для абзацев (элемент <P>) прописать clear:both;, не помогает?
Пример.
08.02.2010, 22:17
Ответить

1234ru

clear:both рулит! Самое то, спасибо.
То, что не убивает нас, делает нас инвалидами.
08.02.2010, 23:41
Ответить
Добавить комментарий
Отображение комментариев: Древовидное | Плоское
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: