img в тексте

[Beck]

Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него.

C float:left вылазит за border.

Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки.

...update

Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант.

Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css

Edited July 23, 2010 by Beck

[x-doggy]

Так здесь проще простого, overflow:hidden parent'у!

[Beck]

Так здесь проще простого, overflow:hidden parent'у!

спс

Edited July 23, 2010 by Beck

[Great Rash]

Чем вас так рассмешило решение, предложенное x-doggy???

[Beck]

Чем вас так рассмешило решение, предложенное x-doggy???

Виноват, извиняюсь.

Да я просто не попробовал. Ведь overflow:hidden насколько я знаю прячет все, что выходит за рамки.

Странно, а почему overflow:hidden в данном случае так работает?

Все конечно хорошо, но с помощью CSS можно добиться такого же эффекта, как делает <p> ?

То есть <p><img /><img /><img /></p>

[Great Rash]

Странно, а почему overflow:hidden в данном случае так работает?

overflow: hidden; возвращает float-элемент в поток. Читайте спецификацию CSS.

Все конечно хорошо, но с помощью CSS можно добиться такого же эффекта, как делает <p> ?

Какой эффект вам дает <p>?

[Beck]

overflow: hidden; возвращает float-элемент в поток. Читайте спецификацию CSS.

Какой эффект вам дает <p>?

А где собственно почитать про это? Я обычно все читал на этом сайте. Буду очень признателен за ссылку.

Или вы имели ввиду сайт w3? http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow тут?

без float:left дает отступ сверху и справа и фотографии идут в один ряд.

[psywalker]

Да, тут и читай http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow