CSS обтекание картинки
float:right?
это и так ясно. А чтоб она внизу блока была?
Тольк с помощью CSS — никак.
С JS, наверное, можно, но я таких скриптов не видел.
Обсуждение на xpoint'е, насколько я помню, завершилось ничем.
С JS, наверное, можно, но я таких скриптов не видел.
Обсуждение на xpoint'е, насколько я помню, завершилось ничем.
значит, не настолько я и туплю... мысли возникали точно такие же... будем мучаться...
<p align=justify>
text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
<img src align=left>text text text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
</p>
text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
<img src align=left>text text text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text text text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
text text text text ttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ext text
</p>
А как ты определишь куда "<img src align=left>" воткнуть в тексте.
По моему вариант не подходит.
По моему вариант не подходит.
ну, зависит от дизайна... хотя нарно это решилось бы на xml какннить вида text<xml=tuda> text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
<img src value=tuda> text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>
text<xml=suda> text<xml=suda> text<xml=suda> t text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda>ext<xml=suda> text<xml=suda> text<xml=suda>
<img src value=suda>text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda>ext<xml=suda> text<xml=suda> text<xml=suda>
<img src value=suda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
<img src value=tuda> text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>text<xml=tuda>
text<xml=tuda>
text<xml=suda> text<xml=suda> text<xml=suda> t text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda>ext<xml=suda> text<xml=suda> text<xml=suda>
<img src value=suda>text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda> text<xml=suda>ext<xml=suda> text<xml=suda> text<xml=suda>
<img src value=suda>
вот, вот. 
тут-то общий случай скорее всего рассматривается.
тут-то общий случай скорее всего рассматривается.
имхо, это justify и внутри него текст
http://genphys.phys.msu.ru/~dmitriyk/news/ вот у меня именно так и сделано, текст гламурно обтекает картинку.
http://genphys.phys.msu.ru/~dmitriyk/news/ вот у меня именно так и сделано, текст гламурно обтекает картинку.
Вопрос-то в том, как сделать, чтобы картинка оказаась снизу.
поставить картинку перед закрывающим тегом </p> и в теге имадж написать алигн=райт ? хотя мож и с помощью css сделать, но я в нем неездец
ага, но при этом она должна обтекаться текстом из P, а не быть под ним с новой строки.
ну блин, на 10 строчек вверх картинку поднять, говорюж от дизайна зависит. Имхо, тогда надо в html учитывать длину каждого слова с учетом пользовательских настроек шрифта и т.п. а это автоматически, имхо, только на java script сделать можно... Ну короче, либо css либо javascript, с нтмл имхо только как сказал выше. но имхо все это.
В общем схема такова, ставим минимальный размер шрифта в пикселах и минимальныю ширину данного поля за вычетом ширины картинки.
Потом от конца текста отрезаем кусок, который по размеру попадет с минимальными настройками в эту область и закидываем его во второй P. Остальное - в первый.
Ессно, после первого ставим второй с float:left, картинке даем float:right.
Теперь у нас картинка будет всегда внизу справа, тест будет ее обтекать слева, при этом, при растягивании страницы, тест будет слегка подниматься.
Для большей незаметности лучше делать разрыв по красной строке, и при жестком каркасе, т.е. этот фрагмент лучше ризиновым не делать.
+ в FF будет глюк, т.к. он неадекватно обрабатывает границы текста в элементах с float и будет текст вылезать за границы при увеличении. И от увеличения никак не избавится, т..к. FF плевать хотел на заданные размеры.
Вот пожалуй и все, но гораздо проще убедить заказчиков, что это галимая идея так размещать фотки... Или убедить их размещать их между абзацами... Тогда будет не так ужасно...
Потом от конца текста отрезаем кусок, который по размеру попадет с минимальными настройками в эту область и закидываем его во второй P. Остальное - в первый.
Ессно, после первого ставим второй с float:left, картинке даем float:right.
Теперь у нас картинка будет всегда внизу справа, тест будет ее обтекать слева, при этом, при растягивании страницы, тест будет слегка подниматься.
Для большей незаметности лучше делать разрыв по красной строке, и при жестком каркасе, т.е. этот фрагмент лучше ризиновым не делать.
+ в FF будет глюк, т.к. он неадекватно обрабатывает границы текста в элементах с float и будет текст вылезать за границы при увеличении. И от увеличения никак не избавится, т..к. FF плевать хотел на заданные размеры.
Вот пожалуй и все, но гораздо проще убедить заказчиков, что это галимая идея так размещать фотки... Или убедить их размещать их между абзацами... Тогда будет не так ужасно...
Оставить комментарий
uncle17
туплю к концу пятницыКак такое обтекание сделать?