Why You Should CSS Instead of Tables When Designing Your Web Page

<h1>Why You Should CSS Instead of Tables When Designing Your Web Page</h1>Author: <a title="Joey" href="http://www.articlesbase.com/authors/joey/67591.htm">Joey</a> The following article will show you why to stay away from tables when designing a site.
Most web developers and designers will tell you to stay away from tables when developing web sites, of course there are some exceptions, like forms, and data. Instead they will tell you to use CSS. When designing your web site you should use CSS, along with the HTML tag. Now, you may be asking, why? The reasons are below!
1. Tabular Data. Not layouts.
Tables are for Tabular Data. They simply are not for designing a page. Here is a good page at about.com that explains <a href="http://webdesign.about.com/od/tables/a/aa122605.htm" target="_blank">Tabular Data</a>.
2. Nested Tables
Nested tables is a common way to make layouts with tables. With nested tables, one, or more, tables are placed inside each other. There is a problem when designing a page this way, it takes the browser longer to render your page. With CSS there is way less code, and your code is cleaner, therefor it is easier on the browser.
3. Changing fonts, colors, and layouts.
Lets say you had a site with 100 pages, with tables, and you wanted to change the header of every page to blue instead of red. With CSS you could go into the CSS file, included on every one of those 100 pages, and change the font-color to blue. It would then update all of your pages with the color blue. With tables you would have to open every one of those pages and change the color.
4. Invalid XHTML
When using tables for your web page layout, you are writing invalid XHTML. You should only use tables when you are working with Tabular Data, as I stated above.
5. Smaller HTML files
No one wants a huge HTML file, full of messy code, right? Well, this is just another reason to use CSS. Since you can call your CSS stylesheet from external file, it doesn't even need to be in your HTML file to work, making it even smaller.
 
Home Page: <a target="_blank" href="http://www.leetwebmasters.com">http://www.leetwebmasters.com</a>About the Author: My name is Joey, and I have been in the webmaster business for three years now.Article Source: <a href="http://www.articlesbase.com/">ArticlesBase.com</a> - <a href="http://www.articlesbase.com/web-design-articles/why-you-should-css-instead-of-tables-when-designing-your-web-page-473481.html" title="Why You Should CSS Instead of Tables When Designing Your Web Page">Why You Should CSS Instead of Tables When Designing Your Web Page</a>

The following article will show you why to stay away from tables when designing a site.

Most web developers and designers will tell you to stay away from tables when developing web sites, of course there are some exceptions, like forms, and data. Instead they will tell you to use CSS. When designing your web site you should use CSS, along with the HTML tag. Now, you may be asking, why? The reasons are below!

1. Tabular Data. Not layouts.

Tables are for Tabular Data. They simply are not for designing a page. Here is a good page at about.com that explains Tabular Data.

2. Nested Tables

Nested tables is a common way to make layouts with tables. With nested tables, one, or more, tables are placed inside each other. There is a problem when designing a page this way, it takes the browser longer to render your page. With CSS there is way less code, and your code is cleaner, therefor it is easier on the browser.

3. Changing fonts, colors, and layouts.

Lets say you had a site with 100 pages, with tables, and you wanted to change the header of every page to blue instead of red. With CSS you could go into the CSS file, included on every one of those 100 pages, and change the font-color to blue. It would then update all of your pages with the color blue. With tables you would have to open every one of those pages and change the color.

4. Invalid XHTML

When using tables for your web page layout, you are writing invalid XHTML. You should only use tables when you are working with Tabular Data, as I stated above.

5. Smaller HTML files

No one wants a huge HTML file, full of messy code, right? Well, this is just another reason to use CSS. Since you can call your CSS stylesheet from external file, it doesn't even need to be in your HTML file to work, making it even smaller.

Home Page: http://www.leetwebmasters.com

My name is Joey, and I have been in the webmaster business for three years now.

Rate this Article:

0 / 5 stars - 0 vote(s)

Re-Publish

Article Source: http://www.articlesbase.com/web-design-articles/why-you-should-css-instead-of-tables-when-designing-your-web-page-473481.html

Article Tags: Tables, Web Development, Web Design, Design, Css, Web Designers, Webmasters, Xhtml, Layouts, Web Standards, Leet Webmasters

Related Videos
Related Articles
Ask / Related Q&A

Play

Macromedia Dreamweaver 8 - Introduction to Designing with Tables

Play

Advanced Dreamweaver 8 - How to Design with Tables

Play

Introduction of Applying the Layout Changes

Play

How to Design a Web Page using Tables in Expression Media

Play

Create a Webpage in Dreamweaver: Getting Started

Latest Web Design Articles
More from Joey

Create Makes SEO-Friendly Websites

By: Leticia Amon | 30/11/2009
It is not enough that you have a website for your company with no traffic coming in. So website owners today create websites that are search engine friendly. Create Webworks makes sure they make a SEO-friendly site so it would be reachable to your targeted visitors and gain potential customers.

Benefits of a web development company

By: Pradeep Shukla | 30/11/2009
Application development companies have various applications that you can purchase to make your online business more successful and fruitful.

Joomla – A Booming Open Content Management System

By: arvind | 30/11/2009
There are several Content Management Systems available in the market that have been researched upon and tested. Some of them charge a fee for their respective software and some are free of charge such as Joomla, Wordpress and Druple etc.

Rise high with Web Development Company

By: Pradeep Shukla | 30/11/2009
Internet marketing business is expanding its horizons with every passing day. With newer technology introduced every day it is really difficult for a website owner to employ it.

How to Search a Right Website Designing Company

By: Sanjana Sharma | 30/11/2009
The first thing that comes is to search for the right website designing company. This does not require any special skills but it just requires accurate usage of keywords and thorough scanning of directories.

Starting a Website With Joomla and a Free Template

By: Mitchel Flowers | 30/11/2009
Joomla is a free content management system (CMS) that's released under the GPL license. This makes it free for anyone to use on any site. Joomla is a professional and robust system and building websites with Joomla is a choice that an increasing number of people are making the decision to do. Joomla has one of the largest and most active communities of any online software project. You can also find a large number of templates for use on your site. While you'll find some you need to ...

Basic Advantages of Business Web Host and Shared Web Hosting

By: hardeepsingh | 30/11/2009
Web hosting bonus are proposal promote to by hosting belong to helper and not from the entertaincorporation itself. Can you confidence these citizens? Along with how to classify the actual introduce return supplier

Website Designing – the backbone of any Business

By: Mike Cavin | 30/11/2009
Each customer has different requirement when it is a question of Website Designing. The whole responsibility of website developer is to find and highlight the uniqueness which makes him stand out from the other websites. On the other hand, the quality must be maintained for the website.

Keeping Your Site Alive and Active

By: Joey | 05/07/2008 | Marketing Tips
One of the toughest tasks when starting your site is keeping it alive during the beginning stages of it. I have learned some useful tips, that will help you when trying to keep your own site alive. * Try to always have some kind of activity on the site. Also, try to keep introducing new features to the user base. This usually gives the impression you are dedicated, and know where you want your web site to go.