HTML help required: floating tables
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:
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.
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:
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.
Thanks all. style=”clear:none” was what I was after.
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.