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
--
using 2k PRO but....95isalive
This site is best viewed............
........................with a computer

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" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
> --
> using 2k PRO but....95isalive
> This site is best viewed............
> .......................with a computer
>
>

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.


--
using 2k PRO but....95isalive
This site is best viewed............
........................with a computer

"chris leeds" <(E-Mail Removed)> wrote in message
news:O%23%23E%(E-Mail Removed)...
> 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" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > 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
> > --
> > using 2k PRO but....95isalive
> > This site is best viewed............
> > .......................with a computer
> >
> >
>
>

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.

--
~ Kathleen Anderson
Microsoft MVP - FrontPage
Spider Web Woman Designs
http://www.spiderwebwoman.com/resources/


Steve Easton <(E-Mail Removed)> wrote:
> 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.
>
>
>
> "chris leeds" <(E-Mail Removed)> wrote in message
> news:O%23%23E%(E-Mail Removed)...
>> 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" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> 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
>>> --
>>> using 2k PRO but....95isalive
>>> This site is best viewed............
>>> .......................with a computer

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

"Steve Easton" <(E-Mail Removed)> wrote in message
news:#(E-Mail Removed)...
> 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.
>
>
> --
> using 2k PRO but....95isalive
> This site is best viewed............
> .......................with a computer
>
> "chris leeds" <(E-Mail Removed)> wrote in message
> news:O%23%23E%(E-Mail Removed)...
> > 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" <(E-Mail Removed)> wrote in message
> > news:(E-Mail Removed)...
> > > 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
> > > --
> > > using 2k PRO but....95isalive
> > > This site is best viewed............
> > > .......................with a computer
> > >
> > >
> >
> >
>
>

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

Light filters only work in IE, as they are
actually a function of the browser.
The just act wierd in other browsers
;-)
--
using 2k PRO but....95isalive
This site is best viewed............
........................with a computer

"Kathleen Anderson [MVP- FP]" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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.
>
> --
> ~ Kathleen Anderson
> Microsoft MVP - FrontPage
> Spider Web Woman Designs
> http://www.spiderwebwoman.com/resources/
>
>
> Steve Easton <(E-Mail Removed)> wrote:
> > 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.
> >
> >
> >
> > "chris leeds" <(E-Mail Removed)> wrote in message
> > news:O%23%23E%(E-Mail Removed)...
> >> 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" <(E-Mail Removed)> wrote in message
> >> news:(E-Mail Removed)...
> >>> 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
> >>> --
> >>> using 2k PRO but....95isalive
> >>> This site is best viewed............
> >>> .......................with a computer
>
>

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.

--
using 2k PRO but....95isalive
This site is best viewed............
........................with a computer

"chris leeds" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
>
> "Steve Easton" <(E-Mail Removed)> wrote in message
> news:#(E-Mail Removed)...
> > 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.
> >
> >
> > --
> > using 2k PRO but....95isalive
> > This site is best viewed............
> > .......................with a computer
> >
> > "chris leeds" <(E-Mail Removed)> wrote in message
> > news:O%23%23E%(E-Mail Removed)...
> > > 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" <(E-Mail Removed)> wrote in message
> > > news:(E-Mail Removed)...
> > > > 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
> > > > --
> > > > using 2k PRO but....95isalive
> > > > This site is best viewed............
> > > > .......................with a computer
> > > >
> > > >
> > >
> > >
> >
> >
>
>

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
--
using 2k PRO but....95isalive
This site is best viewed............
........................with a computer

"chris leeds" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> 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
>
>

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 */
--
xmas
www.xmas-i-am.com
====================
"Steve Easton" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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.
>
> --
> using 2k PRO but....95isalive
> This site is best viewed............
> .......................with a computer
>
> "chris leeds" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> > 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
> >
> > "Steve Easton" <(E-Mail Removed)> wrote in message
> > news:#(E-Mail Removed)...
> > > 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.
> > >
> > >
> > > --
> > > using 2k PRO but....95isalive
> > > This site is best viewed............
> > > .......................with a computer
> > >
> > > "chris leeds" <(E-Mail Removed)> wrote in message
> > > news:O%23%23E%(E-Mail Removed)...
> > > > 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" <(E-Mail Removed)> wrote in message
> > > > news:(E-Mail Removed)...
> > > > > 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
> > > > > --
> > > > > using 2k PRO but....95isalive
> > > > > This site is best viewed............
> > > > > .......................with a computer
> > > > >
> > > > >
> > > >
> > > >
> > >
> > >
> >
> >
>
>