HTML help required: floating tables

  • Unknown's avatar
    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: (visible only to logged in users)

  • Unknown's avatar
    panaghiotisadam · Member ·

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

  • Unknown's avatar
    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.

  • Unknown's avatar
    timorharii · Member ·

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

  • Unknown's avatar
    panaghiotisadam · Member ·

    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.