I am working on some information that is best presented in table form, don't laugh but it is a table with the UBBcode for Smiley's.

So I am working with the combination of ubb and html because I need the ubb for the smiley to show up.

Problem I am having is there is a HUGE, (have to scroll) to see the table.

I have played with having a ubb formatted text line at the top, no different.

the Code I am using is:
Quote
Smileys and UBB Code
<html>
<body>
<table width="98%" border="2" cellspacing="2" cellpadding="2">
<tr>
<th>Smiley</th>
<th><p>UBB Code<br>
Place code between : : <br>
like this :code: </p></th>
<th bgcolor="#999999"> </th>
<th>Smiley</th>
<th>UBB Code<br>
Place code between : : <br>
like this :code: </th>
<th bgcolor="#999999"> </th>
<th>Smiley</th>
<th>UBB Code<br>
Place code between : : <br>
like this :code: </th>
<th bgcolor="#999999"> </th>
<th>Smiley</th>
<th>UBB Code<br>
Place code between : : <br>
like this :code: </th>
</tr>
<tr>
<td>eek</td>
<td>eek</td>
<td bgcolor="#999999"> </td>
<td>mad</td>
<td>mad</td>
<td bgcolor="#999999"> </td>
<td>cool</td>
<td>cool</td>
<td bgcolor="#999999"> </td>
<td>smile</td>
<td>smile</td>
</tr>
<tr>
<td>frown</td>
<td>frown</td>
<td bgcolor="#999999"> </td>
<td>blush</td>
<td>blush</td>
<td bgcolor="#999999"> </td>
<td>crazy</td>
<td>crazy</td>
<td bgcolor="#999999"> </td>
<td>laugh</td>
<td>laugh</td>
</tr>
<tr>
<td>shocked</td>
<td>shocked</td>
<td bgcolor="#999999"> </td>
<td>smirk</td>
<td>smirk</td>
<td bgcolor="#999999"> </td>
<td>confused</td>
<td>confused</td>
<td bgcolor="#999999"> </td>
<td>grin</td>
<td>grin</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td bgcolor="#999999"> </td>
<td> </td>
<td> </td>
<td bgcolor="#999999"> </td>
<td> </td>
<td> </td>
<td bgcolor="#999999"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

Any idea's to get rid of the huge white space I have between the text and the top of the table. It does the same thing without the text.

Val