mail us  |  mail this page

contact us
training  | 
tech stuff  | 

Tech Stuff

RSS Feed Icon

If you are happy it's OK - but your browser is giving a less than optimal experience on our site. You could, at no charge, upgrade to a W3C standards compliant browser such as Firefox

Tech Info - W3C CSS2

This is our first table-less CSS design

This is a remake using a CSS table-less page layout technique of the page you came from. Use view source to see the detail and we've provided some notes. The page also validates as 'loose' XHTML!

We use CSS Style Sheets. We've used CSS Style Sheets for years. We are Amateurs. We've missed the point of CSS.

Phew! The 'Mea Culpa's' are over. Here's the point we missed. We thought CSS was a cool way to bury all that format and color and font stuff in one place. Whiz bang, one change, in one place and the site look and feel magically changes in all our table based HTML pages (yes we've used the dirty 'table' word). Being fundamentally lazy human beings we think that's just great.

However there are guys out there who are replacing HTML tables, javascript buttons and all kinds of effects with STANDARDS BASED CSS definitions. The cool thing, the pinnacle of CSS achievement is a 'table-less' HTML page. And the 'mantra', the rationale, the key point - true separation of style and content.

Most importantly we'd like to get rid of a much Javascript as we can - certainly for the silly things e.g. roll-overs (pretty much done). We believe, with the inevitable rise in security concerns, more and more people will disable Javascript in their browsers. So it's a 'bad thing' strategically to base our entire look and feel on Javascript. And Yes and before you have an apoplectic fit - we acknowledge there is still a place for Javascript.

Like many folks out there we have been struggling (so what's new) with user screen resolution changes for some time and experimenting with pages that automatically re-size. What can look great at 800 x 600 can look just horrible or pathetic at 1500'ish x 1200'ish.

We now know this is called 'liquid design'. We also found that our long slog to a flexible three table design was also well known and being replaced by CSS! Man was it all a revelation - perhaps not quite 'Saul on his way to Damascus' level but still pretty earth shattering. I repeat we are contrite CSS amateurs. These pages are being created during our journey to a better place!

Our CSS Policy Describes our transitional policy and goals and our reasoning. Probably not right for you but you can always get comfort from some else's stupidity!
CSS Syntax & Rules Quick overview of all those symbols, pseudo classes, '#' and stuff. Links to individual W3C CSS sections.
Our CSS2 Use What we are doing with CSS2. Maybe should be renamed 'How not to use CSS2"!
CSS Short Forms We are two finger typists. Life is too short to type 'border-left-width', border-right-width' etc. when you don't have to but we can never find a concise reference. We are also impatient.
Our Table-less Page Our CSS experiments with this page to remove the three central page layout tables. It even validates as 'loose' XHTML!

Problems, comments, suggestions, corrections (including broken links) or something to add? Please take the time from a busy life to 'mail us' (at top of screen), the webmaster (below) or info-support at zytrax. You will have a warm inner glow for the rest of the day.


HTML Stuff

W3C HTML 4.01
HTML5 Reference
W3C Page Validator

CSS Stuff

W3C CSS2.1

DOM Stuff

W3C DOM Events
Gecko DOM

Web Style Guide
Michael L Bernard

Jolly Useful

Peter-Paul Koch
A List Apart
Eric Meyer on CSS
DOCTYPE definitions

Our Stuff

Our DOM Pages
DOM User Guide
DOM Explorer
DOM Navigation
CSS Short Cuts
CSS Techniques
CSS overview
Oh Really!



Pop-out Menus
Brainjar Menubar
Our Lite JS Menus
Our CSS Menus
Tigra Menus


CSS Technology SPF Record Conformant Domain
Copyright © 1994 - 2024 ZyTrax, Inc.
All rights reserved. Legal and Privacy
site by zytrax
hosted by
web-master at zytrax
Page modified: January 20 2022.