LifeInBinary Posted February 20, 2008 Share Posted February 20, 2008 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 More sharing options...
Synook Posted February 20, 2008 Share Posted February 20, 2008 There is also a useful CSS property for actually getting cell-spacing down to 0 in non-IE browsers:http://www.w3schools.com/css/pr_tab_border-collapse.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.