Thu, 2006-01-26 03:20
http://www.webechodesigns.com/articles/css/heading-experiment.htm
Ok ... It's not perfect but there definitely potential here
I have been experimenting with 3D headings that work in both Firefox and IE
Any comments on other browsers would be great - It might get shot down in flames!
There's an explanation on the example page about what works and what doesn't so if any of the more talented CSS guru's here could chip in, maybe we can get it to work
Cheers
Freddy
Thu, 2006-01-26 03:23
#1
3D Headings
I'm not seeing it in FF 1.5/ Mac 
I would add some padding over the footer and perhaps lighten the text in the footer as well. It looks too much like content gone askew.
Thu, 2006-01-26 04:00
#2
3D Headings
I guess I should have mentioned it on the other thread. In FF1.0.7 there is a gap in the borders of about 0.5em between #title and #wrapper. Perhaps some escaping, collapsed margin.
This is a case for position:absolute, not position:relative.
I'd put position:relative on the h2. Position the primary text normally without a span. Position the 3d effect text absolutely with a z-index of -1 and use left/top to establish your shadow amount. That should hold up through any amount of text resizes. See example. Ideally you'd implement this in javascript to avoid unstyled pages looking really messy.
Thu, 2006-01-26 05:00
#3
3D Headings
Wolfcry911 - shame
Chris..S - I should have fixed that gap between HEader & Wrapper now - I'm using FF 1.5 and it doesn't show up?
Yeah the unstyled thing is going to be a problem
Stu Nicholls has a version of this here
but his doesn't work in IE
Therer must be a happy medium there.
Anyway, It's Australia day so beers and the beach are calling and this will have to wait until tomorrow
Will be a nnice litle trick if we can get it right
Freddy
Happy Australia Day!
Thu, 2006-01-26 14:03
#4
3D Headings
My example page is now updated with javascript to add shadowed text unobtrusively.