HTML help required: floating tables

  • Author
    Posts
  • #750956

    timorharii
    Member

    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.

    #751139

    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;">

    #751149

    auxclass
    Member

    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.

    #751201

    timorharii
    Member

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

    #751209

    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>

The topic ‘HTML help required: floating tables’ is closed to new replies.