Oops!
Well, I guess it can be done similarly, using a longer/bigger
background image and more viewport coordinates.
Or, an example is available here of another method:
http://www.pmob.co.uk/temp/disjointedcssrollover8.htm
On Sep 3, 2006, at 11:50 PM, Elliot Schoemaker wrote:
That's for a navbar, unless I'm mistaken I'm quite sure we're
discussing the disjointed-rollover effect here.
Elliot
On 9/4/06, Ido <[EMAIL PROTECTED]> wrote:
The tutorial to which you are referring has been copied (with and
without
credits to the original author) by many sites. Basically, set a
background
image in the a section of the navbar button class or id, which has
one
version of the button followed by the "down" version, side by
side, but only
the "up" version is visible because the down one is clipped off.
Then, set
the background-position to shift that background image over to the
"down"
version (e.g.: background-position: 0px -100px;) in the a:hover
section of
that class or id.
Here is one version of it:
http://www.monkeyflash.com/archives/2006/06/30/css-image-rollover-
navbar/
On Sep 3, 2006, at 11:20 PM, Kevin Futter wrote:
how to do it with pure CSS.
*******************************************************************
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
--
"You keep using that word. I do not think it means what you think it
means." - Inigo Montoya
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
