TON Hosting - Highly Recommended, ONLY $6.95/MO.
  • 2000 MB Space+ 70 GB Bandwidth
  • Host Up to 4 Domains Free
  • UNLIMITED POP Emails
  • Web-based CPANEL Control Panel
  • PHP, mySQL, CGI, FrontPage
  • iValueHost, LLC - TOP Hosting Provider, ONLY $3.95/MO.
  • 350 MB Space + 10GB Bandwidth
  • Host Up to 3 Domains Free
  • UNLIMITED POP Emails
  • Web-based CPANEL Control Panel
  • PHP, mySQL, CGI, FrontPage
  • SITE TRAFFIC

    Go Back   Site Help Forums > Authoring/Design > HTML Basics
    User Name
    Password


    Reply
     
    Thread Tools Search this Thread Rate Thread Display Modes
    Old 01-25-2004, 05:42 PM   #1
    hoho
    Junior Member
     
    hoho is Offline:
    Join Date: Jan 2004
    Posts: 1
    Table help!!!

    I need a really really good guide on how to make your website as a whole table instead of using frames. What tells me step by step what to do.


    Or

    I need some to tell me how to do it step by step and skip nothing out.

    Plz I really want to know how to do this.
      Reply With Quote
    Old 03-11-2004, 11:33 AM   #2
    zzz
    Registered User
     
    zzz is Offline:
    Join Date: Mar 2004
    Posts: 25
    plan the site first, for instance:
    Code:
    +----------+
    -          -
    +---+------+
    -   +      -
    -   -     -
    -   -     -
    +---+------+

    then make the table. a site like the one above requires two rows, so make them first:
    Code:
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <!-- This is row 1 -->
    </tr>
    <tr>
    <!-- This is row 2 -->
    </tr>
    </table>

    Then add the respective columns (cells). The first row has one column, the second has two, so in your code you need to give the first one a colspan to even out the nesting.
    Code:
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="2">This is the header</td>
    </tr>
    <tr>
      <td>This is the left side</td>
      <td>This is the right side</td>
    </tr>
    </table>

    You will probably want to give them fixed widths too. The easiest solution is to give the columns in the second row widths, this way the whole table and the header cell will adjust to them.
    Code:
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="2">This is the header</td>
    </tr>
    <tr>
      <td width="150">This is the left side</td>
      <td width="600">This is the right side</td>
    </tr>
    </table>

    That gives the table a total width of 750 pixels, which fits the screen well on the 800x600 resolution and higher, which again covers most of the visitors.

    >zzz<

    Last edited by zzz : 03-11-2004 at 11:37 AM.
      Reply With Quote
    Reply


    Thread Tools Search this Thread
    Search this Thread:

    Advanced Search
    Display Modes Rate This Thread
    Rate This Thread:

    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts

    vB code is On
    Smilies are On
    [IMG] code is On
    HTML code is On
    Forum Jump




    All times are GMT -5. The time now is 03:13 AM.

    Powered by: vBulletin Version 3.0.0
    Copyright ©2000 - 2004, Jelsoft Enterprises Ltd.

    Sign up for PayPal and start accepting credit card payments instantly.
    Sponsored By:
    Boost Your Traffic, Local Phone Service, Graphic Scripts, iGraphic Designs, Maui Real Estate, Express Medical, Music Shopping,
    Ink Refills, National Lottery Casino Chips Personal Injury Nokia Batteries
    Nintendo DS Game Video Game Accessory Fancy Gift Baskets, Printer Ink Refills Find A Boot Camp Versicherung Vergleichen Paid Surveys, Bulk Email Address, Vioxx Recall, Cruise Special, Consolidate Loan Student, Hawaii Real Estate, cheap Viagra,

    Proudly Hosted By: iValueHost, LLC

    Site Help Forums - powered by vBulletin News


    Remember, White Hat SEO services are essential for a website to succeed in attaining top ranking in search engines. Top SEO services providers take a note on legal services for optimizing a site. Side-by-side they also keep a check on the illegal Black Hat SEO techniques as they can spoil the effort rendered through sincere SEO services.
    Cool Website Templates. The content on this site may not be reused or republished. © 2005 - 2010 - All Rights Reserved
    This design template from Cool Website Templates portal. Cool Website Templates