Cell Spacing Issue

**onestopplay** · 05-22-2010, 06:28 PM

Look at: www.onestopplay.com/newdesign/index.html
There is a space in between the table cells even though I have cellspacing set at 0. Can you please help me remove the gap?
Thank you. Here is the source code:

Code:

<!DOCTYPE html>
<html>
<head>
<title>OneStopPlay.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<table cellspacing='0' cellpadding='0' align='center'>
		<tr>
			<td id='top'>
			<img src='top.png'>
			</td>
		</tr>
		<tr>
			<td id='body' class='body'>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			</td>
		</tr>
		<tr>
			<td id='bottom'>
			<img src='bottom.png'>
			</td>
		</tr>
	</table>
</body>
</html>

**azoomer** · 05-23-2010, 09:55 AM

Hi I took a look at your page. To be honest I dont understand tables to well. You could make it with divs instead. Forexample something like this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>version with divs</title>
<style type="text/css">
body {
       margin:0; padding:0;
       background-image: url(background.png);
       background-repeat: repeat-x;
       background-color:#1E8A98;
}
#wrapper{
       width:950px; 
       height:600px; 
       margin-left:auto; 
       margin-right:auto; 
       margin-top:10px; 
}
#top{ 
       width:950px; 
       height:29px;
       background-image:url(top.png); 
       background-repeat:no-repeat;
}
#middle{ 
       width:950px; 
       height:500px;
       background-image:url(body.png); 
       background-repeat: repeat-y;
}
#bottom{ 
       width:950px; 
       height:35px;
       background-image:url(bottom.png); 
       background-repeat:no-repeat;
}
</style>

</head>

<body>
<div id="wrapper">
<div id="top"></div>
<div id="middle"></div>
<div id="bottom"></div>
</div><!--end wrapper-->
</body>
</html>

**onestopplay** · 05-23-2010, 11:21 AM

That's awesome! Thanks so much!

Thread: Cell Spacing Issue

Thread Tools

Search Thread

Cell Spacing Issue

The Following User Says Thank You to azoomer For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions