Log in

View Full Version : Resolved 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:

<!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:


<!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!