rebath showers adding a floor to a bungalow 1st floor additions lakewood dove remodeling arlington heights prefab rooms to add on spring grove .. Chicago Drug testing

Using CCS to Eliminate Tables

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.

Sanjay Johari contributes articles regularly to various ezines. His website contains information, articles, resources, opportunities and more for small business owners and home based business owners. http://www.sanjay-j.com

Join the longest running internet business opportunity - because it works! http://www.sanjay-j.com/empowerism.html

In The News:

Why a Website Design Speaks Volumes About Your Company?

Whether a business has just got off the ground or... Read More

Web Advertising: 10 Little Known Tricks To Help Convert Your Traffics To Buying Customers

You may not believe it, but people still judge things... Read More

How to use Emotional Content to Increase Visitor Response

Did you know that many folks make "buying decisions" when... Read More

How to Build Your Own Website - More Steps

To build a website, there are four methods to choose... Read More

Why You Should Hire a Professional Website Designer

Your web site should always adhere to standards!A professional web... Read More

Immutable Laws Of Effective Navigation - Part 1

The first immutable law of effective navigation: It's gotta be... Read More

The Top 8 Website Sins Part Two

Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More

Facts You Should Know About Web Site Design and Search Engine Optimization

1. Web site File Structure / File NamingMost search engines... Read More

Re-Use The Links You Have When Revising Your Site!

Many times I've seen a web site undergo a revision... Read More

Why Long Web Pages are Better than Short Ones

Many Internet sites that try to sell you something have... Read More

Is a Web Site Builder Right for You?

A web site builder can be a real life saver... Read More

How To Give Your Business Credibility

Let's face it. Buying products and services from the Internet... Read More

Online Advertising: 10 Tricky Secrets To Keep Visitors Glued To Your Website And Increase Sales

It is common sense.The more time people spend at your... Read More

Top Ten Fonts for Website Design

The top ten fonts for website design might change in... Read More

Get Rid of Your Frames

A few years ago a lot of websites utilized frame... Read More

Speed Up Or Lose Out! How To Improve Your Websites Download Speed

So your web site's online and you've got high rankings... Read More

10 Tips for Killer Website Design

Does website design make a difference in how long people... Read More

Bad Web Design: ActiveX

ActiveX uses an interesting method for enforcing security ... it... Read More

Looking For A Designer To Re-Design Your Website?

If you were like me and you have just started... Read More

Simple Steps To Proper Web Design

Over the course of the last decade, the Internet has... Read More

How Your Business Can Win Online

There are lots of websites out there that do little... Read More

Web Design for Dictators

No question about it, web design is an art. Finding... Read More

How to Double Your Online Sales Without Spending Another Dime on Advertising

Learning how to convert visitors to your web site into... Read More

The Next Marketing Tool: Deisgn

Design sells. It's something that all of us know, but... Read More

3 Tips You Can Use Right Now to Improve Your Web Sites Usability

Studies done by Jakob Nielson the man touted as the,... Read More

street light instrumental led street light specifications Pete's produce ..
street light instrumental led street light specifications Pete's produce ..