Tables on navigation pages

Hi,
I need to put a couple of tables on one of the navigator page types (tabbed navigator). When I have added the table (html) and go to preview there is always a large blank area before each table (see screen shot attached. Does anybody know why this is happening? Can anyone suggest a CSS fix for this?
Thanks,
Karl

Hi,
First question : what is the software version you are using?
It seems that this is through XOT,is that right?
Second question: I can see in your attachment that there is text before the table. The image however seems to show near the top of the page and the text doesn't seem to show-up.
Is there an issue here?
What abourt replacing the tags <p> </p> (the 2 of them) with a simple <br \>?
I would have a go with this.
Last but not least, can you tell me the category (the type of object) you inserted, I would then be able to have a quick look locally here (when I have a couple of minutes free )

Hi Eric,
Thanks for taking the time to look at this. Yes we're using XOL 2.0. The problem is that blank area above the table. I enter the table code etc. and the table itself displays fine but it is the large blank area is above it that is the problem. For some reason multiple <br> are being added between the text and the table (see attached). I was hoping someone had a quick CSS fix?
Cheers

Hi Eric,
Thanks for taking the time to look at this. Yes we're using XOL 2.0. The problem is that blank area above the table. I enter the table code etc. and the table itself displays fine but it is the large blank area is above it that is the problem. For some reason multiple <br> are being added between the text and the table (see attached). I was hoping someone had a quick fix?
Cheers

ALL of your table code needs to be on the same line.

This is the problem with adding HTML in to fields that weren't designed to hold HTML... every line break between the <table></table> tags is converted to a <br /> and since these don't render between table lines they end up ABOVE the table...

Try changing

<table>
<tbody>
<tr>  <td width="5%">⌘</td>  <td>Command key</td>  </tr>
<tr>  <td width="5%"></td>  <td>Command key</td>  </tr>Etc

To

<table><tbody><tr>  <td width="5%">⌘</td>  <td>Command key</td>  </tr><tr>  <td width="5%"></td>  <td>Command key</td>  </tr>etc

I would need to give a try on XOT, but I don't remember having this.
I guess that if you remove the <BR> (just as a test as this can't be an acceptable solution) they are coming back ??

I'm not convinced this is CSS related. Could you please point me out the tool you are using so I can give a try here?
Thanks...

Obviously others are more than welcome to help to troubleshoot (I'm far away from an expert!)