Призиваю сотону DIV'ной верстки

FEOFAN

http://feofan.com
Есть кусок кода:
Код:
<img src="bibika.img" />Lorem ipsum bla-bla-bla
Ширина картинки заранее неизвестна. Как сделать так, чтобы весь текст отступал от левого края родительского элемента на ширину картинки?
Таблицы не идут, нужно только CSS.
Смотрим пример в аттаче.
 

Вкладення

  • 13.9 КБ Перегляди: 262

Cris

Member
так текст автоматически отспупает от карминки насколько я знаю

или надо чтоб оно ото так столбиком было? что в одном столбике картинка в другом текст?

ну вот например так можно
<img .... align=left style="margin: 0px, 0px, 700px, 0px;">
....

оно ставит картинку так что текст будет обтекать справа, и как только картинка кончаеться то текст пишеться под ней, и я просто какбы удлиняю картинку вниз - 700px - выставляеться на длину страницы, правда хз как зделать чтоб оно автоматически опредиляло длину, оразвечто с помощью JS
 
Останнє редагування модератором:

FEOFAN

http://feofan.com
Решилось все так:
для родителя делаем padding-left:300px;
для img делаем margin-left:-200px;

Не самый универсальный способ, однако картинки более 200 пх не будут, так что все гуд, визуально получаем 2 колонки.
 
A

AkeL.php

Guest
А в сторону джаваскритовского expression в css не смотрел?
 

artvolk

Member
Модератор
А вот такой вариант?

 

FEOFAN

http://feofan.com
Ну вот сотона и нашолся. Решение деиствительно блестящее. Мой вариант - костыли.

Спасибо, Артем.
 

artvolk

Member
Модератор
Шлите благодарности Акелле (автору cssing.org.ua) :)
 

kattykatty

New Member
вопрос: а зачем подобную задачу решать дивным позиционированием, если она в 2 щелчка пальцев решается элементраной таблицей? просто я немножко не понимаю зачем.
 

FEOFAN

http://feofan.com
катикати, это огда у тебя несколько сотен статей с такой структурой, и на подходе еще столько же, в которые пихать таблицу ну как-то совсем не хочется.. да и глупо это длелать так
 
Зверху