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

Useful Tips For Custom Ecommerce Website

By: Charlene Fin | 16/11/2009
E-commerce website are developed for online business transaction. In today’s internet world most of people prefer to go for online shopping because they don’t want to waste their time in physically visit stores for purchasing required products. In recent times, most of the business corporations have their own websites. Through these sites, the commercial enterprises sell their goods and services and thus try to enhance their profit.

Accessibility Issues in Website Design

By: James parker | 16/11/2009
If your services and products are for everyone’s use, than you must also create a website that is equally accessible by all people despite their physical disabilities. Making your website accessible entail two great benefits, firstly you’re respecting the law by following “no-discrimination” factor and secondly you’re able to target those 10 to 20% of the users whom others might not be approaching.

Website designing Company - How to choose the right one

By: Amya Adora | 16/11/2009
A company involved in designing the website of any organisation to generate its sales is referred to as website designing company. With an objective to make the organisation's website search engine friendly, aesthetically appealing and user friendly, this company provides various services such as strategic planning, business intelligence, creative, application development, product / service promotion & solution maintenance.

Website designing Company - How to choose the right one

Ecommerce Website Development for Online Business Making

By: Arun Kumar | 16/11/2009
What comes to your mind when you think of ecommerce? Doesn’t it bring to you an image of a platform on what you can easily make all your online transactions or do all your purchases instantly? Yes, it’s ecommerce that that has really made it easy for us buy, sell and avail products and services at lightning speed completely online.

Why outsource web design service?

By: Sandeep | 16/11/2009
Web designing is the most popular tool in the world of computer. Today is world of technologies and every body wants to use this technology for their betterment. Web designing is used to design and develop websites. These websites can be used in businesses for their publicity or by an individual for their portfolios etc.

Web Design & Development Services India are effective and affordable

By: Shipra Kaul | 16/11/2009
The widespread expansion of corporate structures and the Internet modernization have made us to think about sustainable and high quality technology, development of web structures, e-commerce websites which are user-friendly and marketing of Internet at affordable prices.

Most Common Web Design Bloopers

By: Peter Brittain | 16/11/2009
To address an extremely common blooper that is committed whilst web designing would be the blatant misuse of Adobe Flash. Firstly it is important that one understands what Flash is meant for. The software is used to add relevant animation and advertisement on various websites. Flash can also manipulate vector and raster graphics and support bidirectional streaming of audio and video content. Do not use it for decoration, it has a purpose.

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

By: Joey | 05/07/2008 | Web Design
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!