css and hover buttons round 6

[Steve Easton]

fwiw

Faux "hover buttons using
image swaps using only CSS with zero javascript

Bottom of the page.

http://www.95isalive.com/test/hoverbutton.htm

Feedback welcome.

Probably should use a preload script.
<g>
Steve

 

[chris leeds]

I snooped through one of my folders till I found it. it's excerpted from a
sitepoint newsletter:
"I recently came across a great tool for experimenting with stylesheets. The
Mozilla Firebird browser, combined with the EditCSS extension, will load the
style sheet for any page you visit into a browser sidebar.

In the sidebar you can edit the CSS and have the changes applied immediately
to the page. It's still a very early version, but already it's saved me lots
of time and refreshes."

Program Name: Mozilla Firebird (WINDOWS/Mac/Linux)
URL: http://mozilla.org/products/firebird/

and

Program Name: EditCSS
URL: http://editcss.mozdev.org/



you'll definitely like it.

 

[Steve Easton]

I'll have to check it out, I have Mozilla on the
95 side of this dual boot machine.

More than anything it's been quite educational
digging around tinkering with javascript and CSS.
At least my understanding of CSS has reached a new
level.
It doesn't appear to be the best medium for image swaps.

Also, I've dug the 8 or 9 class files out of the java AWT
( abstract window toolkit ) that make the hover buttons work
to see if they can be decompiled and converted to script.
The bottom line however, is that it's pretty much "outdated"

Also, too bad we can't use "Light Filters" except
in IE.
If we could, there'd be a lot of folks muttering
over money they've wasted on image editing software.

 

[Kathleen Anderson [MVP- FP]]

Steve:
Something very odd happens with Opera 7.11; when I mouseover the red button
that's part of the Light Filters section, the button moves over to the left
side of the page.

 

[chris leeds]

I'm very interested in css for layout/ presentation. when you consider some
of the potential for different presentations for different devices using the
@ rules etc. it's really a lot of gain for a fairly "simple" arrangement.

IMHO

 

[chris leeds]

you're supposed to download the firebird, then the other thing. then when
you view a page in firebird right click the page for the css add-in. then
it'll open in a pane on the left. you can edit the sheet and see the
differance on their "live" site. it's really cool to see how stuff was done
and "what if" they did this from within the browser. i like it but i'm not
getting much time to learn new tricks lately ;-)
cl

 

[Steve Easton]

Light filters only work in IE, as they are
actually a function of the browser.
The just act wierd in other browsers
;-)

 

[Steve Easton]

CSS is obviously the future, but
it's amazing how little is supported by
ALL browsers.

Example: Internet Explorer supports a
focus element in CSS that can actually
be used to resize images based on browser
resolution. You need to use javascript or VB to
determine the resolution and create a variable
and pass the variable to focus: in a class statement.

It's not part of a "public" standard though.

 

[Steve Easton]

MSFT has one for IE 5 named
Web Developers Accessories.
Places a line in the IE right click context menu
named Document Tree.
It' reads and lists every tag, element,
whatever in a page. However you have to
scroll and click the listings to read them.

It's been around 3 or 4 years iirc
Download file is named webdevaccess.exe
Just installed it in IE 6. I'll let you know if it works

 

[xmas]

Thought I would pass this snippet along.. FWIW
From a CSS file...

filter: alpha(opacity=80, style=0); /* only used in IE */
-moz-opacity: 70,; /* only used in NN */

 

[chris leeds]

I think as time goes by all the good stuff will be adopted and used by the
major browsers. I hope it will, it's just too easy to do so much with it to
let it slip away.
one good thing with odd profiles like mobile and screen reader is that
you've got a much smaller group of possible "clients", and users ;-)

 

[Steve Easton]

And many other "filter" options.
<vbg>