Jump to content

Small unwanted gaps in tables


Recommended Posts

RESOLVED - I had merely misspelled 'cellpadding' ^^Sometimes I run into a problem of having a small 1 or 2 pixel gap between <TR>'s or <TD>'s in a table. This is especially troublesome when the table contains images which must line up correctly.I have been able to fix this in the past by comming up with some 'less than conventional' table nesting - but I hate having to do that. Here is my latest example of this problem:http://www.iribbit.net/i/lifeisbinary/unre...imited-problem/Notice the small gap between the banner and the area below it for the links? You can see it best to the sides where the drop shadows are.Here is the code for this:

<html><head><title>Unreal Unlimited</title><link rel="stylesheet" type="text/css" href="global.css" /></head><body><table border="0" cellspacing="0" cellpading="0" width="950" height="160"><tr width="950" height="140">  <td width="950" height="140" colspan="3"><img src="images/border-left.jpg" width="20" height="140" /><img src="images/banner.jpg" width="910" height="140" /><img src="images/border-right.jpg" width="20" height="140" /></td></tr><tr width="950" height="20">  <td width="20" height="20"><img src="images/border-left.jpg" width="20" height="20" /></td>  <td width="910" height="20" bgcolor="#ced5d5">HOME</td>  <td width="20" height="20"><img src="images/border-right.jpg" width="20" height="20" /></td></tr></table></body></html>

Any ideas on how to get around this gap thing happening? I'm using the latest IE btw.Thank you for your help,Life In Binary.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...