Information
When I started out on this site I decided that I would not use tables for layout.
However, this was not always the case with my web sites. In fact in the early days I used tables almost all the time as they were so 'convenient'.
Well they were produced automatically using Macromedia Fireworks. I just cut up an image into slices and let Fireworks work out the html for the table. Perfect, or so I thought at the time.
Now, thanks to w3c.org, this is no longer acceptable. So we have to abandon the convenience of using tables and try to get css to perform the same function. But it is not half as bad as everyone tries to make out.
Just to show you what I mean, I have reproduced an intro page from one of my old 'graphic intensive' sites made with Fireworks, that relied on tables for layout (and javascript for the mouseover effect). This can be seen here Table Layout. You can examine the source code to see how complicated it really is.
...and a comparison page layout using just css here CSS Layout.
I will leave it up to you to decide which is neater, easier to follow, faster loading etc etc...
Copyright
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
Recommended Sites
- UK Game Server Hosting
- pay as you go e-commerce
Build your own SEO friendly webshop - Web design in Dorset
Bournmouth based web design agency - web hosting, dedicated servers
web reseller, managed servers - Host Color
Web Hosting for 30 Websites - SEO Company
SEO company based in Manchester
"The Citroën UK web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."
Damon Clark - Brandwidth
