On 7/19/05, Geoffrey Alan Colbath <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I'm trying to layout a page using paragraphs and images floated to the
> right. If I don't set a "height" for the paragraph style, then the
> images will be somewhat staggered. If I set a height for the paragraphs,
> then any overflow is lost, since I don't want to use "scroll" or
> anything. And, I'd like to not have to limit the content to JUST so many
> characters... so I am wondering if there's a way to set a minimum height
> for a paragraph, with the option for the height to expand to accomodate
> additional content?
>
> Here's the CSS I'm using for the elements in question:
>
> p.float {
> height: 100px;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 13px;
> line-height: 20px;
> color: #666666;
> display: block;
> margin-top: 0px;
> margin-right: 110px;
> clear: left;
> }
> img.float {
> float: right;
> }
>
Almost there - change the clear:left on the p to clear:right or
clear:both, and each paragraph will not start until below the image in
the preceding paragraph (or normal flow if the para is longer than its
image)
--
Richard Grevers
New Plymouth, New Zealand
Orphan Gmail invites free to good homes.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
