Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    May 2004
    Posts
    13
    Member #
    5961
    Hello all,
    I am using three tables to create simple bars of differing colors and thickness as a potential top frame to a web page. I have been able to make the three bars of color no problem but I can't get each individual table to fill the screen. There is a little white border around the top, bottom and sides. Can you look at the html below and tell me if I can slip in something that will tell it to fill the page all the way to the edge of the screen?
    Thanks


    <HTML>
    <HEAD>
    <TITLE> Title Here </TITLE>
    </HEAD>
    <BODY>

    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="10%">
    <TR>
    <TD WIDTH="100%" HEIGHT="100% BGCOLOR="000000">
    </TABLE>

    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="30%">
    <TR>
    <TD WIDTH="100%" HEIGHT="100%" BGCOLOR="660033">
    </TABLE>

    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="100%">
    <TR>
    <TD WIDTH="100%" HEIGHT="100%" BGCOLOR="990033">
    </TABLE>

    </BODY>
    </HTML>

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    First off, you have tags that aren't closed

    Code:
    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="10%">
    <TR>
    <TD WIDTH="100%" HEIGHT="100% BGCOLOR="000000">
    </TABLE>
    should look more like

    Code:
    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="10%">
    <TR>
    <TD WIDTH="100%" HEIGHT="100% BGCOLOR="000000"></td>
    </tr>
    </TABLE>
    Secondly, to "fill up the page" as you say, I would suggest some CSS:

    Code:
    <html>
    <head>
      <title>Title Here</title>
      <style type="text/css">
       html, body {
        margin: 0;
        padding: 0;
       }
      </style>
    </head>
    ....
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  4. #3
    Junior Member
    Join Date
    May 2004
    Posts
    13
    Member #
    5961
    Thanks Karinne!


Remove Ads

Posting Permissions

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

Search tags for this page

extend edge of table

Click on a term to search for related topics.
All times are GMT -6. The time now is 04:03 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com