Unwanted border outside table

**DaggersFan** · 03-11-2004, 02:48 AM

Hi I have a website, using frames and am trying to recreate it using tables,as frames tend to squash when people resize their windows. Anyway ive made a table but there is a thick white border around the outside that I dont want, how do I get rid of it? (please ignore the dire colour scheme im just testing stuff out at the moment). Heres the code for the Table.

<table width="780" height="585" border="0" cellspacing="2" cellpadding="2" bgcolor=yellow>

<tr><td colspan=3 width="760" height="100" bgcolor=black></td></tr>

<tr><td rowspan=2 width="100"></td>
<td rowspan=2 width="390" bgcolor=red></td>

<td width="210" Height="250" bgcolor=red valign=bottom>
<div style="width:206px; height:200px; overflow: auto; background-color: #0000ff;layer-background-color: #00ff00; border: 1px none #ff0000; "><font face="Arial, Helvetica, sans-serif" size="3" color="#FFFF00">
This is where all the stuff about dad goes.<br /></div>
</td></tr>

<tr><td width="210" Height="220" bgcolor=red align=center>

<div style="width:200px; height:200px; overflow: auto; background-color: #0000ff;layer-background-color: #00ff00; border: 1px none #ff0000; "><font face="Arial, Helvetica, sans-serif" size="3" color="#FFFF00">
This is where the links will go</div>
</td></tr></table>

**coothead** · 03-11-2004, 08:28 AM

Hi there DaggersFan,

and welcome to these forums

Whilst removing the body margin, which was
the cause of the white space around your
table, I took the liberty of placing all your
table and div attributes into 'css' .

Code:

<html>
<head>
<title>layout</title>
<style type="text/css">
<!--
body
   {
    margin:0
   }
table
   {
    width:780px;
    height:585px;
    border:none;
    padding:2px;
    background:#ffff00;
   }
td#one
   {
    width:760px;
    height:100px;
    background:#000000;
   }
td#two
   {
    width:100px;
   }
td#three
   {
    width:390px;
    background:#ff0000;
   }
td#four
   {
    width:210px;
    height:250px;
    background:#ff0000;
    vertical-align:bottom;
    }
td#five
   {
    width:210px;
    height:220px;
    background:#ff0000;
    vertical-align:center;
   }
div#six
   {
    width:206px; 
    height:200px; 
    overflow: auto; 
    background: #0000ff; 
    border: none;
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    color:#ffff00;
   }
div#seven
   {
    width:200px; 
    height:200px; 
    overflow: auto; 
    background: #0000ff; border:none;
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    color:#ffff00;
   }
//-->
</style>
</head>
<body>
<div>
<table><tr>
<td id="one" colspan=3 ></td>
</tr><tr>
<td id="two" rowspan=2></td>
<td  id="three"rowspan=2></td>
<td id="four" ><div id="six">stuff about dad goes here</div></td>
</tr><tr>
<td id="five"><div id="seven">This is where the links will go</div></td>
</tr></table>
</div>
</body>
</html>

cthead

**DaggersFan** · 03-13-2004, 12:27 AM

Thank you that was excellent. 1 more thing how do I now get rid of that border between my table cells(the yellow grid) other than changing my background color

**coothead** · 03-13-2004, 04:19 PM

Hi there DaggersFan,

No problem, in the style sheet remove this line...

padding:2px;

from the table rules and replace it with this...

border-collapse:collapse;

cthead

Thread: Unwanted border outside table

Thread Tools

Related

Unwanted Border on JPEG using CSS Forum: CSS Forum

Unwanted link border colors Forum: HTML Forum

Table border help Forum: HTML Forum

How can you make a table border on only one side of the table? Forum: HTML Forum

Simple Table Border Forum: CSS Forum

Unwanted border outside table

internal borders

Tags for this Thread