187 users online (0 members and 187 guests)  

> > > > Unwanted border outside table

  Results 1 to 4 of 4

Related

  1. Unwanted Border on JPEG using CSS    Forum: CSS Forum
    Replies: 13
  2. Unwanted link border colors    Forum: HTML Forum
    Replies: 3
  3. Table border help    Forum: HTML Forum
    Replies: 6
  4. How can you make a table border on only one side of the table?    Forum: HTML Forum
    Replies: 5
  5. Simple Table Border    Forum: CSS Forum
    Replies: 3
  1. 03-11-2004, 02:48 AM #1
    DaggersFan
    DaggersFan is offline
    DaggersFan's Avatar
    New User
    Status
    Offline
    Join Date
    Mar 2004
    Location
    essex
    Posts
    3

    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>
    Reply With Quote Reply With Quote
  2. 03-11-2004, 08:28 AM #2
    coothead
    coothead is offline
    coothead's Avatar
    bald headed old fart
    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    733
    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
    Reply With Quote Reply With Quote
  3. 03-13-2004, 12:27 AM #3
    DaggersFan
    DaggersFan is offline
    DaggersFan's Avatar
    New User
    Status
    Offline
    Join Date
    Mar 2004
    Location
    essex
    Posts
    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
    Reply With Quote Reply With Quote
  4. 03-13-2004, 04:19 PM #4
    coothead
    coothead is offline
    coothead's Avatar
    bald headed old fart
    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    733
    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


    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Tags for this Thread