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

HTML+CSS+JavaScript

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

 

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

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

тема: float картинки.... трудности верстки
 
 автор: quiosque   (26.12.2006 в 15:47)   письмо автору
 
 

Ребята, если не трудно посмотрите этот код.

в первом случае, поскольку размер текста меньше картинки, картинка перекрывает див. а мне нужно, чтобы картинка была внутри дива. Не предлагайте сделать див фиксированной высоты, потому как этот див бывает и без картинки.


<div style="border: 1px solid black; margin:0 0 10px 0; clear:left; padding:0;">
<img src="" width="120" height="120" border="1" style="margin: 0px 0 10px 0;float:left" /><p style="margin:0;">Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. </p>
</div>
<div style="border: 1px solid black; margin:0 0 10px 0; clear:left; padding:0;">
<img src="" width="120" height="120" border="1" style="margin: 0px 0 10px 0;float:left" /><p style="margin:0;">Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан.Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан.Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан.</p>
</div>

   
 
 автор: AlexSol   (26.12.2006 в 15:57)   письмо автору
 
   для: quiosque   (26.12.2006 в 15:47)
 

текст должен обтекать картинку?

   
 
 автор: quiosque   (26.12.2006 в 15:58)   письмо автору
 
   для: AlexSol   (26.12.2006 в 15:57)
 

да

   
 
 автор: AlexSol   (26.12.2006 в 16:00)   письмо автору
 
   для: quiosque   (26.12.2006 в 15:58)
 


<div style="border: 1px solid black; margin:0 0 10px 0; clear:left; padding:0;"> 
<div  style="float:left"><img src="" width="120" height="120" border="1" style="margin: 0px 0 10px 0;" />
</div><p style="margin:0;">Какой-то текст тут написан. Какой-то текст тут написан. Какой-то текст тут написан. 44444444444 444444444444444444 44444444444444444 4444444444444444444444 44444444444444444 444444444444444 4444444</p>
<div style="clear:both"></div> 
</div> 

   
 
 автор: quiosque   (26.12.2006 в 16:07)   письмо автору
 
   для: AlexSol   (26.12.2006 в 16:00)
 

AlexSol огромное спасибо !

   
 
 автор: quiosque   (26.12.2006 в 16:02)   письмо автору
 
   для: AlexSol   (26.12.2006 в 15:57)
 

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

   
 
 автор: AlexSol   (26.12.2006 в 16:04)   письмо автору
 
   для: quiosque   (26.12.2006 в 16:02)
 


<div style="clear:both"></div>

?

   
 
 автор: quiosque   (26.12.2006 в 16:08)   письмо автору
 
   для: AlexSol   (26.12.2006 в 16:04)
 

это я писала, когда еще не видела ответа :)
еще раз огромное спасибо!

   
 
 автор: AlexSol   (26.12.2006 в 16:15)   письмо автору
 
   для: quiosque   (26.12.2006 в 16:08)
 

его высоту тоже задать мохно: height:1px;line-height:1px;

   
Rambler's Top100
вверх

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