Re: Wrapping Text

cyber0ne wrote:

> I've been putting together a test page for a re-design of my website,
> focusing as much as I can on standards and portability of code, and I'm
> running into a problem with some text wrapping.
>
> For reference, the page is at http://www.cyber0ne.com/test/css
>
> Note the whitespace after each small image in each article.
> Previously, all of the boxes on the right-hand side of the page were
> contained in a single box. Since this box started above the images in
> the articles on the page, setting the images to float: left worked like
> a charm and text wrapped around them just fine.
>
> However, in the effort to get the right-column objects out of a group
> and on their own, I have removed them from that main box. (That way,
> should I make other designs, I can more easily freely move them about
> the page independantly of one another). But that caused the floated
> images in question to be pushed downward to after the last right-hand
> box.
>
> Removing the float: left tag put them back where they needed to be, but
> now the text starts on the following line, leaving all this whitespace.

Yup, you need to put the float:left back in the styles for .BlogImage.
But don't add clear:left to it.

> Any ideas on how I should fix this, while still keeping the overall
> layout?

If you add the float:left without the clear:left, and the problem
persists, take away any other clear properties that you don't really
need. Looking at your stylesheet, it seems you put clear properties on
every single float. Clearing a float though, means no other floats
will be tolerated next to it.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: 2 Unlimited - Nothing Like The Rain (Spanish Version)
.

Relevant Pages

  • Re: rows of thumbs
    ... If you float left everthing, when the row wraps the next row starts ... You can count blocks and throw in a clearing div, ... The real solution would lie along display: inline-block, ... If the images are just images, i.e. no captions or anything, then you ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: css problems
    ... I have a question about using css for tables. ... if you don't want the wrapper div to collapse in height. ... when you have float inside float blocks. ... I've not had problems floating images in floated containers. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Unlinking large number of images with macro in Word 97
    ... AFAIK it unlinks all fields ... >I have a word document with 150 pages and 250 images. ... > The images are graphics formatted with text wrap (float over text)? ... > Or does anyone have a nice macro to share. ...
    (microsoft.public.word.formatting.longdocs)
  • Re: How to equally vertically distantiate more images put in a single float?
    ... because the code that makes the float "knows" how wide ... if the float is placed together with text, the images are close ... a fair bit more working space, so it's not surprising that it wasn't ...
    (comp.text.tex)
  • Re: annotation doesnt float in IE
    ... > i have a very simple html doc using the following style: ... > My problem is that in Microsoft IE under Windows XP the annotation does ... > not seems to float. ... Sonhos vem. ...
    (comp.infosystems.www.authoring.stylesheets)