Extra gap between the table cells

[Adhitama Hertanto]

I am making an online portfolio for myself and using table to create a
navigation list on the left of the page.

http://imaginationland.xp3.biz/Work.php

There seems to be an extra gap between each cells and I don't see them
in dreamweaver. I have tried to get rid of the table height and
aligning the cells to top and bottom but nothing seems to work. Is
there another way?

My code is:

<table width="1237" height="522" border="0" cellpadding="0"
cellspacing="0">
<tr>

<td width="156" height="134" valign="bottom"><p
class="BebasOrange">Print</p>
<p class="GeosanLight2">State of Mind</p>
<p class="GeosanLight">Cloud 9</p>
<p class="GeosanLight">Black Rose</p>
</td>
<td width="26" rowspan="10">&nbsp;</td>
<td width="183" rowspan="10" class="BebasNeue style4">&nbsp;</td>
<td width="394" rowspan="10">&nbsp;</td>
<td width="478" rowspan="10">&nbsp;</td>
</tr>

<tr>
<td height="32" valign="bottom"><p
class="BebasYellow">Illustration</p> </td>
</tr>
<tr>
<td valign="bottom"><p class="GeosanLight2">It's Your World</p>
<p class="GeosanLight">King Kong</p>
<p class="GeosanLight">Personal Army</p> </td>
</tr>
<tr>
<td height="32" valign="bottom"><p class="BebasGreen">Identity</
p> </td>
</tr>
<tr>
<td height="51" valign="bottom"><p class="GeosanLight2">A3
Technologies</p>
<p class="GeosanLight">BeforeAfters</p> </td>
</tr>
<tr>
<td height="36" valign="bottom"><p
class="BebasPurple">photography</p> </td>
</tr>
<tr>
<td height="48" valign="bottom"><p class="GeosanLight2">Angels</p>
<p class="GeosanLight">Island of the Gods</p></td>
</tr>
<tr>
<td height="38" class="BebasWhite" valign="bottom">profile</td>
</tr>
<tr>
<td height="26" valign="bottom"><span class="BebasWhite">email</
span></td>
</tr>
<tr>
<td height="26" valign="bottom"><span class="BebasWhite">Blog</
span></td>
</tr>
<tr>
<td height="18" colspan="5">&nbsp;</td>
</tr>
</table>

[Duncan Kennedy]

Post by Adhitama Hertanto
I am making an online portfolio for myself and using table to create a
navigation list on the left of the page.
http://imaginationland.xp3.biz/Work.php
There seems to be an extra gap between each cells and I don't see them
in dreamweaver. I have tried to get rid of the table height and
aligning the cells to top and bottom but nothing seems to work. Is
there another way?

Try removing the <p> from each entry - or, at least, the "p" itself in
order to keep your class statements.

The "p" is putting in a new paragraph - 2 line feeds.
Come back if that doesn't help.

[Duncan Kennedy]

Post by Duncan Kennedy

Post by Adhitama Hertanto
I am making an online portfolio for myself and using table to create a
navigation list on the left of the page.
http://imaginationland.xp3.biz/Work.php
There seems to be an extra gap between each cells and I don't see them
in dreamweaver. I have tried to get rid of the table height and
aligning the cells to top and bottom but nothing seems to work. Is
there another way?

Try removing the <p> from each entry - or, at least, the "p" itself in
order to keep your class statements.
The "p" is putting in a new paragraph - 2 line feeds.

Following up my own post for clarity.

Change <p class . . . .
to
<span class . . . . . .

Remove any matching /p>

See if that sorts it.