Advanced Search

Results 1 to 3 of 3

Thread: Cell Spacing Issue

  1. #1
    Join Date
    Jun 2009
    Posts
    62
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default Cell Spacing Issue

    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>
    Last edited by onestopplay; 05-23-2010 at 11:22 AM.

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    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>

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

    onestopplay (05-23-2010)

  4. #3
    Join Date
    Jun 2009
    Posts
    62
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default

    That's awesome! Thanks so much!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •