badboy708 Posted October 17, 2009 Share Posted October 17, 2009 Hi I'm a noob Neway, I am trying to make a rounded box table and there's space in-between my cells. I want everything to be green, no white space in between. You can see my page here:http://fliers.greenbranders.com/images/Please tell me what I need to do, thanks!!!! Link to comment Share on other sites More sharing options...
dsonesuk Posted October 17, 2009 Share Posted October 17, 2009 try it with cellpadding="0", seel below:<html><head> </head><body><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img src="http://fliers.greenbranders.com/images/flier-lttopcorner.gif"/></td><td width="300"><div style="background-image: url(http://fliers.greenbranders.com/images/flier-bckground.gif); background-repeat: repeat-x; height: 12px;"></div></td><td><img src="http://fliers.greenbranders.com/images/flier-rttopcorner.gif"/></td></tr><tr><td><img src="http://fliers.greenbranders.com/images/flier-ltbotcorner.gif"/></td><td><div style="background-image: url(http://fliers.greenbranders.com/images/flier-bckground.gif); background-repeat: repeat-x; height: 12px;"></div></td><td></td></tr></tbody></table></body></html> Link to comment Share on other sites More sharing options...
badboy708 Posted October 17, 2009 Author Share Posted October 17, 2009 Ok now the bottom looks good, but the top isn't aligned right... and there's still space in the middle.. Link to comment Share on other sites More sharing options...
thescientist Posted October 17, 2009 Share Posted October 17, 2009 I see differences between IE7/8 and FF. It might be helpful to declare a DTD, a strict one for best results, and see if it a least irons out any of the display inconsistencies between browsers.edit: oh yeah, might as well validate it after you throw in the DTD. Link to comment Share on other sites More sharing options...
badboy708 Posted October 18, 2009 Author Share Posted October 18, 2009 I see differences between IE7/8 and FF. It might be helpful to declare a DTD, a strict one for best results, and see if it a least irons out any of the display inconsistencies between browsers.edit: oh yeah, might as well validate it after you throw in the DTD.Ok I added a DTD and validated it... still same issues. Link to comment Share on other sites More sharing options...
dsonesuk Posted October 18, 2009 Share Posted October 18, 2009 it's has nothing to do with setting DTD, IE allows for text entered in it's cells, it will use the font-size (default 16px, i think) height, and so produce the spacing you are getting. To fix this, set the font-size, and also line-height to 0px to specific table rows.see fix below:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title> </head><body><table cellspacing="0" cellpadding="0" border="0"><tbody><tr style="font-size:0px; line-height:0px;"><td><img src="http://fliers.greenbranders.com/images/flier-lttopcorner.gif" alt=""/></td><td style="width:300px;"><div style="background-image: url(http://fliers.greenbranders.com/images/flier-bckground.gif); background-repeat: repeat-x; height: 12px; font-size:0px;"></div></td><td><img src="http://fliers.greenbranders.com/images/flier-rttopcorner.gif" alt=""/></td></tr><tr style="font-size:0px; line-height:0px;"><td><img src="http://fliers.greenbranders.com/images/flier-ltbotcorner.gif" alt=""/></td><td><div style="background-image: url(http://fliers.greenbranders.com/images/flier-bckground.gif); background-repeat: repeat-x; height: 12px; font-size:0px;"></div></td><td><img src="http://fliers.greenbranders.com/images/flier-rtbotcorner.gif" alt=""/></td></tr></tbody></table></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.