ArticlesReader.com Menu
Newest Articles
Most Viewed Articles
ArticlesReader.com RSS
Submit Article
Login
Signup
Search the articles

Articles Main Categories
Advice
Animals
Automobiles
Business
Career
Communications
Computer Programming
Computers
Entertainment
Environment
Family
Fashion
Finance
Food
Health & Medical
Home & Garden
Humor
Internet Business
Internet Marketing
Legal
Leisure & Recreation
Marketing
Other
Politics
Reference & Education
Religion
Self Improvement
Sports
Technology & Science
Travel
Writing
Subscribe
Receive alert message from us when new articles submitted to our site for free.

Enter your name

Enter your email

Syndicate

















Related Products
Home::CSS

Using CCS to Eliminate Tables

Author : Sanjay Johari

CSS or Cascading Style Sheets has opened up tremendous
possibilities for improving web site designs, web page layouts
and adding new features. The HTML code can be made shorter,
cleaner and simpler by CSS resulting in faster loading of web
pages, and making them more accessible to search engines. Here I
am narrating my experience with only one part of CSS - using it
to eliminate tables.

If you look at a traditionally designed web page, you are likely
to find number of tables in the layout. Tables were earlier used
only for displaying information in a tabular form. But web site
designers soon started using tables for other applications such
as showing images, graphics and other decorations.

My own web pages were earlier checkerboards of tables. Each web
page was almost fully covered with tables and many tables were
nested inside other tables. As I tried to add more features the
design became more and more complicated resulting in longer
loading times. It also took lot of time to "adjust" the tables
on the page to make it acceptable.

It was not an easy task to redesign all the pages using CSS. But
once I started, the improvements were more than I had bargained
for. The design became simpler, the appearance improved and
loading time came down considerably. The code looked real clean.
Most of "td" and "tr" tags were gone.

My purpose of this exercise was not really to change the
appearance but to make the design simpler. Now the tables which
were earlier used only for design purpose have been eliminated.
For eliminating tables first step is to decide which tables or
more specifically which cells have to be removed. For applying
CSS each cell of a table can be considered as a "box". These
boxes are given separate identities and description of each
"box" goes into CSS code. The "boxes" can be given names such as
box1, box2 etc. The description of the "box" can include size,
its location on web page, background color and image if any,
font details, padding, border details etc. The location of the
"box" can be made "fixed" on the web page, or it can be floating
in which case location can be defined with respect to another
"box".

If the location and dimensions of the boxes are properly worked
out, they neatly fit into the web page giving it a clean look.
Since the code associated with table designs are done away with,
the content of the page attains more prominence in the code.
This makes it easier for search engine spiders to locate the
actual content of the page.

If you have several web pages with similar design, the CSS code
with these and other details can be put in an external file.
This will further shorten the code for each page. With CSS lot
many improvements can be done in web page design and layout. CSS
can also be used for search engine optimization of the page.

My experience with CSS has been great and I wonder why it is not
used more often. My advice - convert to CSS based design.

Spam emails More free articles

Related articles


  1. Introduction To Cascading Style Sheets
  2. CSS: The Basics - ID's and Classes
  3. CSS: The Basics - ID's and Classes ... Correct
  4. CSS - Maximum benefits
  5. Using CCS to Eliminate Tables
  6. CSS Print Media Tutorial
  7. Teach yourself CSS the easy way
  8. Starting Cascading Style Sheets
  9. SEO Benefits Of CSS
  10. 7 Reasons Why Using CSS is a Must
  11. Font Organizers Review, Part I
  12. CSS in Flash the return of crisp and legible fonts.
  13. CSS Browser Detection - The complete guide
  14. Cascading Stylesheets: 5 Reasons To Use CSS
  15. The Power of CSS
  16. Cross Browser Compatibility
  17. Using CSS with Tables
More related feeds
Using CCS to Eliminate Tables
Here I am narrating my experience with only one part of CSS - using it to eliminate tables. If you look at a traditionally designed web page, you are likely to find number of tables in the layout. Tables were earlier used only for ...

Using CCS to Eliminate Tables
CSS or Cascading Style Sheets has unsealed up large possibilities for rising scheme place designs, scheme tender layouts and adding newborn features. The HTML cipher crapper be prefabricated shorter, preparation and simpler by CSS ...

Using CCS to Eliminate
Tables were earlier used only for displaying information in a tabular form. But Small business website design soon started using tables for other applications such as showing images, graphics and other decorations. ...

Chasing The Clean Coal Dragon: A DNC Lobby Adventure
CC: The issue is simply this. In this country, you could stop using coal tomorrow, but it won't make a dent in global CO2 and it'll greatly raise energy prices. You'll have to build nuclear plants, which will take years, or use natural ...

Chasing The Clean Coal Dragon: A DNC Lobby Adventure
CC: No, not at all, but that's only one instance. We can pick incidents all over the United States right now where they put up legal challenges. And now we're back to another circular argument: we can't eliminate old coal plants, ...

The Best Damn Web Marketing Checklist, Period!
Consistent voice; Eliminate superfluous text; Reduce /explain industry jargon; No typo, spelling or grammar errors; Contains internal contextual links; Links out to authoritative sources; Enhancing keyword usage (SEO); Date published on ...

~~ EXTRACTION OF DNA FROM PLANTS ~~ - an article designed for 'U'
As these membranes are made up of phospholipids, which are molecules rich in fats, we will dissolve them by using a simple household detergent. We will also use a little table salt, which helps to eliminate the proteins, called histones ...

Antivirus XP 2008 problem- BrettSD
After the initial shock I was able to eliminate a number of the files, key registries, etc. via said program. However, a handful of files continue to re-establish themselves after using a number of different ...

Home Theater Influences Modern Decor
As long as you keep the lines clean and simple and don’t use pieces that have claw feet or other fancy Old World details, a wooden table can work very well in your modern room. To contrast with the sleek look, incorporate some textural ...

Apple MacBook Air MB003LL/A 13.3″ Laptop (1.6 GHz Intel Core 2 Duo ...
It comes pre-loaded with Apple’s Mac OS X 10.5 Leopard operating system, which adds over 300 new features including easy backup of your most important data via Time Machine, a redesigned desktop that helps eliminate clutter, ...

 


 

© 2007 articlesreader.com - All Rights Reserved