|
|
|
| Ребята, если не трудно посмотрите этот код.
в первом случае, поскольку размер текста меньше картинки, картинка перекрывает див. а мне нужно, чтобы картинка была внутри дива. Не предлагайте сделать див фиксированной высоты, потому как этот див бывает и без картинки.
<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>
|
| |
|
|
|
|
|
|
|
для: quiosque
(26.12.2006 в 15:47)
| | текст должен обтекать картинку? | |
|
|
|
|
|
|
|
для: AlexSol
(26.12.2006 в 15:57)
| | да | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: AlexSol
(26.12.2006 в 16:00)
| | AlexSol огромное спасибо ! | |
|
|
|
|
|
|
|
для: AlexSol
(26.12.2006 в 15:57)
| | самое главное, ради чего все это делается, это нижний отступ дива. надо чтобы он был равным во всех браузерах. а поскольку картинка с меньшим количеством текста перекрывает див, то отступ нужный не получается. | |
|
|
|
|
|
|
|
для: quiosque
(26.12.2006 в 16:02)
| |
<div style="clear:both"></div>
|
? | |
|
|
|
|
|
|
|
для: AlexSol
(26.12.2006 в 16:04)
| | это я писала, когда еще не видела ответа :)
еще раз огромное спасибо! | |
|
|
|
|
|
|
|
для: quiosque
(26.12.2006 в 16:08)
| | его высоту тоже задать мохно: height:1px;line-height:1px; | |
|
|
|