Need help? Check out our Support site, then


HTML help required: floating tables

  1. Hi all

    I am using tables for images/captions on a few of my site's pages. I am using the style="float:right" code to make the table float above paragraph text.

    However I have an issue in that when I switch from paragraph to header codes, the table will not float above the different text type; rather it forces the text down.

    Have a look what I mean:

    http://timorharii.org/our-programs

    The large space before 'Drop-in Centres' breaks the flow and is a bit ugly.

    Any suggestions for how to make a table float above paragraph text and header text?

    The blog I need help with is timorharii.org.

  2. You mean heading, not header.

    I'm not seeing a "large space before" that heading in any of the three browsers I use: I'm seeing a regular paragraph break.

    Anyway, headings are supposed to clear floats. To override that, you can change the opening heading tag in the HTML editor to this:
    <h3 style="clear:none;">

  3. The space above Drop in Center is normal - if you take the space out things will run together and not stand out - yes you have red letters - BUT - remember that a significant number of people have some sort of color blind issues so the red can just blend in

    If it was my blog I would leave the space above drop in Centers so that people will know that it is a header or title for the following paragraph.

  4. Thanks all. style="clear:none" was what I was after.

  5. You're welcome.

    By the way, there's no point using a single row single cell table. Simpler solution:

    <div style="float:right;width:300px;margin-left:20px;">
    IMAGE CODE HERE
    PARAGRAPH CODE HERE
    </div>

Topic Closed

This topic has been closed to new replies.

About this Topic