29 users online (1 members and 28 guests)  


  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. Replies: 5
  5. Simple Table Border    Forum: CSS Forum
    Replies: 3
  1. #1
    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>

  2. #2
    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
    732
    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

  3. #3
    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

  4. #4
    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
    732
    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



Tags for this Thread