I'm designing a website and I can't get the extra whitespace out from
the bottom of a table.  My page is at:
http://www.people.virginia.edu/~gds4v/html/
It has a link to how I want it to look.  I'm sure I'm just missing a
tag, or more likely an attribute somewhere but I can't find it.  I
thought I'd try this and see if someone could provide me with the
correct code.  Thanks.

---

Request for Question Clarification by tar_heel_v-ga on 13 Dec 2002 07:33 PST

guyincognito..

I am confused.  You say want the whitespace out, but the link to the
page that says what you WANT has the white space.  The key differences
I see are the additional graphics under the header.  Is that what you
are looking to do?

-THV

---

Request for Question Clarification by tar_heel_v-ga on 13 Dec 2002 07:43 PST

Ahhh...I see now...

---

Clarification of Question by guyincognito-ga on 13 Dec 2002 07:51 PST

Something that makes it easy to see what's wrong is to make the table
border attribute 1.  Then you can see that the top table (inexplicably
as far as I'm concerned) has 3 or so pixels.

The short answer - 
Replace the following code (lines 7-9):
    <td width="46" align="left" valign="top" height="88">
       <img border="0" src="graphics/pixel-blue.gif" width="46"
height="88" hspace="0">
    </td>

with this code:

    <td vAlign=top align=left width=46 height=88><img height=88
hspace=0
      src="test_files/pixel-blue.gif" width=46 border=0></td>

--
To prevent future problems - 

Essentially, you can't have any space (or carriage returns) between
the opening TD tag, the contents of the cell and the closing TD tag.
If you reformat the rest of your code to not have space between these
tags you'll save yourself many headaches in the future.

Let me know if you have any other questions. Thanks for using Google
Answers.

--Dave Bug

Excellent answer and fast.  Thanks so much for the help and advice