помогите сделать сложное обтекание

[OlegALL]

Никак не получается сделать обтекане div. Обтекаемый элемент - div. Обтекающие - p, h1, h2.

Пробовал всё. Менять float: left, display: inline у разных элементов.

Можно ли вообще так сверстать? Можно, конечно, весь текст представить как один p со span-ами,

(как в примере на htmlbook), но пропадёт семантика

Макет: http://i070.radikal.ru/1210/a2/e7bc5305a56b.jpg

Коды: http://jsfiddle.net/hAAL4/

Edited October 20, 2012 by OlegALL

[npofopr]

Ничего не понял если честно) Что чем обтекать надо.

Может overflow: hidden; для дива поможет?

И зачем весь то макет выкладывать. Выложите то, что не обтекается.

Edited October 20, 2012 by npofopr

[OlegALL]

Есть текст, состоит из заголовков h1, h2 и абзацев p. (см. макет, всё понятно). Нужно обтечь jQuery плагин. Он будет лежать в диве, который показан красной штрихпунктирной линией, справа. Заголовки и абзацы - тоже обрамлены красным штрихпунктиром.

[npofopr]

Не вижу проблем.

Зачем вы Заголовок в инлайн делаете? Да еще и флоат ему.

[OlegALL]

ок. посмотрю. ещё попутные вопросы:

1. Как сверстать подменю (видно на макете)

2. Какой jQuery плагин для изображений больше подходит для этой задачи

[USF]

1. Как сверстать подменю (видно на макете)

как и многие другие подменю верстаются. show-hide. http://jsfiddle.net/usfe/YfdTL/ - просто демонстрация принципа

[npofopr]

Галерей огромное множество. Смотрите сами. Для вас почти любая подойдет.

[OlegALL]

Посмотрите сейчас: http://jsfiddle.net/hAAL4/4/

h2 смещает плагин вниз. И вообще, любой первый блок. А остальные обтекают. Как исправить?

P.S.

Сейчас получилось, но пришлось добавить br теги, что не изящно

http://jsfiddle.net/VvcWk/

Надо сделать без них

Edited October 21, 2012 by OlegALL

[npofopr]

Ну поставьте для H1 {float: none;} и будет вам счастье.

Учитесь смотреть фаербагом.