Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: обтекание
 
 автор: Mootch   (15.10.2006 в 23:57)   письмо автору
 
 

Как сделать, что бы текст оптекал изображения, как на скрине ? (см. аттач)

   
 
 автор: Lelik   (16.10.2006 в 02:47)   письмо автору
 
   для: Mootch   (15.10.2006 в 23:57)
 


<img src="url" border="0" float="left" align="left">


Пробуем...

   
 
 автор: Mootch   (16.10.2006 в 07:22)   письмо автору
 
   для: Lelik   (16.10.2006 в 02:47)
 

Первое изображение "работает", текст не хочет обтекать второе

   
 
 автор: Lelik   (16.10.2006 в 07:38)   письмо автору
 
   для: Mootch   (16.10.2006 в 07:22)
 

cделай наоборот

<img src="url" border="0" float="right" align="right">

   
 
 автор: Mootch   (16.10.2006 в 11:29)   письмо автору
 
   для: Lelik   (16.10.2006 в 07:38)
 

в верхней картинке проблем нет. Только в нижней. Заканчивается текст и только тогда начинается картинка. Не получается обтекания

   
 
 автор: AlexSol   (16.10.2006 в 12:54)   письмо автору
 
   для: Mootch   (16.10.2006 в 11:29)
 


<img src="url" border="0" float="right" align="right"> 


для нижней должно сработать.

   
 
 автор: Mootch   (16.10.2006 в 13:50)   письмо автору
 
   для: AlexSol   (16.10.2006 в 12:54)
 

нет, не помогает :( Картинка, действительно, внизу и справа. Но слева от нее текста нет. Он весь наверху.

   
 
 автор: AlexSol   (16.10.2006 в 13:57)   письмо автору
 
   для: Mootch   (16.10.2006 в 13:50)
 

а вы картику перед текстом поставили?

   
 
 автор: Mootch   (16.10.2006 в 14:26)   письмо автору
 
   для: AlexSol   (16.10.2006 в 13:57)
 

если ставить вторую картинку перед текстом - она будет наверху. valign=bottom не помогает
если после - внизу, но не обтекает

   
 
 автор: Lelik   (16.10.2006 в 17:29)   письмо автору
 
   для: Mootch   (16.10.2006 в 14:26)
 

Если ты размещаешь текст в блоки (<p></p><div></div>) и картинки в блоки, то картинка будет обтекаться только теестом из блока, а если разместить так:

<img><p>text</p>

то есть вне блока, то картинка должна обтекаться всем текстом

   
 
 автор: Mootch   (16.10.2006 в 22:01)   письмо автору
 
   для: Lelik   (16.10.2006 в 17:29)
 

Пишу

<img src="img.jpg" float="left" align="left">
<p>text</p><img src="img.jpg" float="right" align="right" >

C верхней все ок. А вот нижнюю текст не обтекает.

   
 
 автор: Lelik   (17.10.2006 в 00:59)   письмо автору
 
   для: Mootch   (16.10.2006 в 22:01)
 

текста больше сделай ;)

   
 
 автор: Mootch   (17.10.2006 в 13:10)   письмо автору
 
   для: Lelik   (17.10.2006 в 00:59)
 

текст на самом дело больше ;)

   
 
 автор: AlexSol   (17.10.2006 в 13:34)   письмо автору
 
   для: Mootch   (17.10.2006 в 13:10)
 


<img src="img.jpg" width="100" height="100" float="left" align="left">
<img src="img.jpg" width="100" height="100"  float="right" align="right" >  
<p>не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя. 
</p>

   
 
 автор: Mootch   (17.10.2006 в 19:28)   письмо автору
 
   для: AlexSol   (17.10.2006 в 13:34)
 

вторая картинка должна быть внизу справа, а не просто справа ... в этом и проблема. В Вашем варианте 2 картинки просто справа.

   
 
 автор: AlexSol   (17.10.2006 в 20:31)   письмо автору
 
   для: Mootch   (17.10.2006 в 19:28)
 

делайте абзацы.

<p>
<img src="img.jpg" width="100" height="100" align="left"> 
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.
</p>
<p>  
<img src="img.jpg" width="100" height="100"  style="float:right" align="right" >   

не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
не нужно ждать пока все зделают за тебя. не нужно ждать пока все зделают за тебя.  
</p> 

   
 
 автор: Mootch   (18.10.2006 в 21:18)   письмо автору
 
   для: AlexSol   (17.10.2006 в 20:31)
 

мне не нужны абзацы. Если бы знал как - давно бы сделал. Зачем "не нужно ждать пока все зделают за тебя"? Если не хотите - можете вообще не отвечать в теме - никто не заставляет.

   
 
 автор: AlexSol   (18.10.2006 в 21:33)   письмо автору
 
   для: Mootch   (18.10.2006 в 21:18)
 

можно только разбив на абзацы - нужно разбиение вручую.скрыть абзац можно так
<p style="padding:0;margin:0"></p>

   
 
 автор: Mootch   (18.10.2006 в 22:39)   письмо автору
 
   для: AlexSol   (18.10.2006 в 21:33)
 

понятно, спасибо :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования