eHow launches Android app: Get the best of eHow on the go.

Search
Now in the UK!
  1. Home »
  2. Internet »
  3. Web Design & Development »
  4. Web Design »
  5. How to Make Columns on a Web Page
More Articles Like This
More by This Author
How To

How to Make Columns on a Web Page

Contributor
By eHow Contributing Writer
(28 Ratings)

You can organize your webpage using columns and tables if you just know some basic HTML codes. Without these, your data could shift all over the page. This process will keep your presentation orderly.

Difficulty: Easy
Instructions

Things You'll Need:

  • Text-editing program
  1. Step 1

    Open the web page using a text editing program like Notepad or EditPad. Place the cursor just below the heading of the page.

  2. Step 2

    Insert a table by typing the following:

    This indicates to the browser that a table without a border is beginning, and that the table will span the length of the browser window.

  3. Step 3

    Begin the column by typing:


    4. This stands for Table Row and indicates the first row.

  4. Step 4

    Add the first column by typing the following:

    5. .

  5. Step 6

    Add a second column by typing:

    6. .

  6. Step 8

    Type

    7. to close the row.

  7. Step 9

    Save the file and open a web browser. Open the page in the web browser to view the column placement.

    8. Tips & Warnings
    • You can use pixels instead of percentages to determine the length of each column.
    • If you are having trouble visualizing the placement of the columns, try typing the word COLUMN before the closing column tags. This will allow you to see where the text would be placed within the column.
    • See the eHow tutorial 'How to Create a Table' for more information about tables.
    • HTML 4.0 offers a wide array of table formatting options, including borders, cell colors, and using a background color within a single cell. Consult an HTML reference manual for more information.

    Comments  

    vortex100 said

    Flag This Comment

    on 8/13/2009 Well, this is pretty darn useless. I think the code was deleted because HTML is not allowed in the text of an article. Hmmm.

    ginaroperti said

    Flag This Comment

    on 7/10/2008 the code to type is missing????

    ginaroperti said

    Flag This Comment

    on 7/10/2008 the code to type is missing????

    Subscribe

    Post a Comment

    Post a Comment

    eHow Article: How to Make Columns on a Web Page

    Related Ads

    • See How Others Did It
    • Have you done this? Click here to let us know.
    I Did This
    Tags
    Get Free Internet Newsletters

    Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy.   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.

    Partner Sites
    Demand Media
    eHow_eHow Technology and Electronics
    . TD stands for Table Data and Width indicates the percentage of the table the first column will take up.

  8. Step 5

    Close the first column by typing

    		9. . This indicates the second column will take up the remaining percentage of the table.

  9. Step 7

    Close the second column by typing