Wednesday, July 3, 2002

Cool CSS1 Tricks -- 11:49 am CST, Update by A.T. Hun

If you have Mozilla, Netscape 6.x or higher, Konqueror (I tried it with version 3.0.0-12), or IE5 for the Mac, check out this page and this page. These pages show off the very cool effects you can do rather simply using only level 1 cascading style sheets (CSS1). Unfortunately, IE5 for Windows has a poor implementation of CSS and IE6 only supports a subset of CSS so these pages will not display as the author intended (although they will still look pretty good in IE6). Oddly enough, IE5 for the Mac was done by an entirely different team at M$ and has very good CSS support. Go figure.

I am in the process of converting one of my personal sites to XHTML and CSS. You can see the work-in-progress here. Some of the pages are done, others are still 404s. It is soooo nice to be able to design a site without using tables! With CSS, redesigning or "skinning" the whole site is a snap. If you don't have a browser that supports CSS well, it's time to upgrade!

And now for my rant: Microsoft! Get PNG alpha transparency working in IE6! If you have IE6 you will see the logo on my page with a white background. It should be transparent. Check it in Mozilla, NS 6.x+, or Konqueror to see what it is really supposed to look like. In this day and age, we shouldn't have to use 256 color GIFs if we want transparency.

UPDATE! I just downloaded Opera 6.02 for Linux. It has some minor problems displaying the two pages I linked to. It displays my page just fine, except that it doesn't reformat the text when you hover over a link so the end of the link gets truncated. I might change that anyway since having an entire paragraph jump around just because you hovered over a link is kind of annoting. Opera handles PNG transparency just fine, at least on my logo.

News for 07/03/2002

The Haus is powered by:

All original information on this website is copyright © TheHaus.Net, 1999-2005. The use of original images, text, and/or code from this website without expressed written consent is prohibited. The authors of this site cannot be held responsible for any damage, real or imagined, which comes from the use of information presented on this site. All trademarks used are the properties of their respective owners. This site is not to be used as a floatation device (but if you try, I want a video tape of it).