Sliqua. The snow meets the sea.

 // home / relative url  ::water::  ::l'eau::  ::wasser::  ::acqua::  ::agua:: 

OSWD W3 Validator Webmonkey W3 Schools Mozilla
Waferbaby Pretension! Libra How it Works Epitonic
Questions or Comments? Advice for me or from me? Please email me.

The Power of CSS

The colors for every element on the page are based on 6 hex values which only appear once in the entire file, you edit these values and you have an entirely new theme for this design.

Pixel dimensions are specified only a few times (where I had to), but for the most part everything is relative to the fonts you have and the screen resolution you are using. This gives the page as much width as it can get while the fonts and layout have as much compatibility as possible.


The Evolution of this Design

I'm not exactly sure where it all started, but I think the first idea I found for this was from waferbaby where I realized that you could actually make rollovers, by specifying different background colors in a style sheet.

The layout for this is very common, but I guess I settled on it after looking at designs like Libra (by whompy) and Pretension (by krsna77) for a while. I also referred to Pretension for a lot of the style sheet information, mostly the fonts and the idea of making fonts relative sizes (%) rather than using specific sizes.

Two of the most challenging aspects of this whole thing were getting everything to look the same in both IE and Mozilla and setting up the style sheet so it had some flexibility. This was of course most difficult with the menus. Mozilla doesn't have quite as good of support for css as IE, but I was really quite surprised how well it all worked out in the end. In fact, when I converted the html to xhtml I started having problems with IE and all of a sudden Mozilla was working perfectly. The biggest difference was made when I specified the left menu links to display as block elements in the style sheet. This is what was done on the waferbaby website.

Today is 6.23.02

 Comment by User
The whole "United We Stand" mantra really gets to me. Analyze "United States of America", broken down it's like united individual states, we're not one communistic body, were a community of individuals; unity in liberty. Divided we are Free!
 Comment by Guest
With the current state of the anti-trust trial and Lindows PCs being sold at Walmart, I can't see any possible future for a Microsoft dominated world.
 Comment by Admin
Building this has been an excellent learning experience and after studying XML and XSL, I know stylesheets will be the future and content will finally be independent.

shareright © 2002 Phlash