CSS instead of Tables for Layout  - Neils Resource WebCSS instead of Tables for Layout  - Neils Resource WebTABLE FREE LAYOUT - WORKSHOP - CSS - WEB DEV. - NEILS RESOURCE WEB

Summary of Content

Valid CSS! This is a rework of my CSS Summary page  10/05  I'm trying to reduce my habit of using tables for layout. Whilst I don't have a problem with tables I want to see how far I can go (in CSS) without resorting to them. Other than the menu this page is table free but still manages to reproduce the original design that uses tables. The next stage is to replace the menu table completely. It doesn't look too difficult and once the CSS is constructed, depending on its size, I might just replace them throughout the site.

The more I delve into CSS the more I curse not having taken time to understand its concept earlier in my site building. It is relatively simple and can be such a time saver. There are a stack of places where it could be applied on this site and I intend to work my way through them all. The menu system for this Resource Web alone took a week to re-work, and I'm still not happy with it yet. This leads to a really important point, that I have read about on the web time and time again and failed to acknowledge. Plan the site before you start building! At least the general look and feel. Using CSS will allow rapid updating / re-working if it is in place from the start. See my workshop page for a CSS home page example. (I've put a link at the foot of the page to the CSS Validator at W3.org)
Moving on (12 months approx.  12/06 ) I've started to take the idea of CSS standards (because of the above reasons and my increasing understanding of using styles, classes and related inheritance features) really seriously of late, and as a 'starter for ten' I dragged this site up to HTML 4.01 strict and CSS 2+ (but still include those 'drop shadow' filters that will never validate). Though once the styles and classes are in place I've found that the updating relatively easy though across 500 pages + a bit of a chore.

Important!

More DetailAll links have been found by myself whilst browsing the web, they are not generating any revenue (for me).
All software, tutorials and working examples are the property of the individual authors, please check the conditions of usage on their respective home sites.
If I have inadvertedly included property you consider copyrighted, or supplied incorrect information, or you feel you have not been adequately acknowledged or correctly represented, please let me know immediately. I will remove or correct the item as you feel necessary.

General

Providing you have allowed Javascript a double mouse click anywhere on the pages will take you back to the top (except when over hyperlinks). Otherwise click on the up arrow button at the foot of the page to return to the top.
Some Links to other information or places may have been abbreviated to reduce space, e.g., (Another Site) and therefore not necessarily show the full URL, (e.g., www.anothersite.com). However they should still take you to the correct location.
If this is not the case please let me know so I can update or repair the link as necessary

wwwThis Site

Hyperlink titles may have been abbreviated, (right click on the link and select properties for the full URL)

Go to Top of PageGo to Top of PageA double mouse click anywhere on the page will take you back to the top (except when over hyperlinks)

Last Updated: 05/03/2008 - Validate CSS - CSS instead of Tables for Layout - Neils Resource Web