Thread: Unwanted border outside table
Results 1 to 4 of 4
Related
-
Unwanted Border on JPEG using CSS Forum: CSS Forum
Replies: 13 -
Unwanted link border colors Forum: HTML Forum
Replies: 3 -
Table border help Forum: HTML Forum
Replies: 6 -
How can you make a table border on only one side of the table? Forum: HTML Forum
Replies: 5 -
Simple Table Border Forum: CSS Forum
Replies: 3
-
03-11-2004, 02:48 AM #1
Unwanted border outside table
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>
-
03-11-2004, 08:28 AM #2bald headed old fart
Status- Offline
Join Date- Aug 2003
Location- chertsey, a small town 25 miles south west of london, england.
Posts- 739
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>
thead
-
03-13-2004, 12:27 AM #3
internal borders
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
-
03-13-2004, 04:19 PM #4bald headed old fart
Status- Offline
Join Date- Aug 2003
Location- chertsey, a small town 25 miles south west of london, england.
Posts- 739
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