SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: table layout?

  1. #1
    SitePoint Member
    Join Date
    Jan 2000
    Location
    Toronto
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm having trouble laying out my website using TABLES.I want to create a basic table layout for my main page on:
    (http://www.geocities.com/digitaleassassin)
    I want two columns on the left and right side of my site
    each about 175-200 width/pizels and using bgcolor="0000FF". Also,I would like two rows that runs across the top and bottom of the two columns created.
    I want the layout to work on most browsers and screen resolutions,so a 600 res. would be ideal.
    Thanks
    In advance!

    ------------------
    The Beware of the Digital Assassin.

  2. #2
    ********* Addict
    Join Date
    Feb 2000
    Location
    NE FL, USA
    Posts
    301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try this one on for size.

    <html>
    <head>
    <title>Put your site's title here</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    a { font-weight: bold; color: #3333FF; text-decoration: none}
    a:hover { color: #3333FF; text-decoration: underline; font-weight: bold}
    a:visited { font-weight: bold; color: #FF0033; text-decoration: none}
    -->
    </style>
    <!--This site was created with the help of http://www.CandMWebDesign.com.-->
    </head>

    <body bgcolor="#FFFFFF" text="#000000" link="#3333FF" vlink="#FF0000">
    <div align="center">
    <h1>Put your title here.</h1>
    <table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
    <tr align="left" valign="top">
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="60%" rowspan="5" nowrap>This is where you can put your main text
    for your pages.</td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    </tr>
    <tr align="left" valign="top">
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    </tr>
    <tr align="left" valign="top">
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
    it needs to here. You can just delete this text.</font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
    it needs to here. You can just delete this text.</font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
    it needs to here. You can just delete this text.</font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF">This area is a spacer,
    it needs to here. You can just delete this text.</font></td>
    </tr>
    <tr align="left" valign="top">
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    </tr>
    <tr align="left" valign="top">
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    <td width="175" bgcolor="#0000FF"><font color="#FFFFFF"></font></td>
    </tr>
    </table>
    <br>
    <table width="75%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr align="center" valign="middle">
    <td width="50%">
    <div align="center">Enter your copyright info here.</div>
    </td>
    <td width="50%">
    <div align="center"><font size="1">This site was
    created with the help of</font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><br>
    </font><a href="http://www.candmwebdesign.com" target="_blank"><font face="Georgia, Times New Roman, Times, serif" size="4">C
    and M<br>
    Web Design</font></a><font size="1"></font><font size="1"><br>
    Visit <a href="http://www.candmwebdesign.com" target="_blank">C and
    M Web Design</a> to find out how your business can utilize the Internet
    to increase sales, drive in foot traffic and build brand loyalty.</font></div>
    </td>
    </tr>
    </table>
    </div>
    </body>
    </html>


    This will work in both browsers just fine. Just make the border = "0". I made the border = "1" so you could see the page if you viewed it using your browser. I also gave you a little CSS action. Hope you don't mind!

    If you still have any problems, let me know.

    DynaMike
    http://www.CandMWebDesign.com - The best in web site design, maintenance, marketing, and development



    [This message has been edited by DynaMike (edited January 03, 2000).]

  3. #3
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Netscape does not like empty table cells so if you have a cell with no text in it make sure you insert a nbsp; inside the mepty cell.

    ------------------
    Webmaster of Gib-Online Dot COM (or webmistress for that matter!)
    www.gib-online.com
    The Rock of Gibraltar on the WEB



Bookmarks

Posting Permissions

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