Sequence Staffing Website
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
Cross browser compatibility is one hell of a pain in the backside
I feel your pain.
I can imagine how hard those menus were - for the "instant" hover, you do something like this#menu a {
background: url(../images/menu_image.png) no-repeat scroll 0 0;
}
#menu a:hover {
background: url(../images/menu_image.png) no-repeat scroll 0 -20px;
}
It uses the same image but just scrolls it down, so its not loading an additional image, creating lag. - James Spencer / Developer & Support / Hull, UK
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
James that doesn't actually do anything on hover. It only sets whether or not the background image will move when you scroll up or down the page... works best with the body background like with replicant, to set whether or not the background is fixed or moves with the rest of the page as you scroll.
Would be an excellent feature for CSS4 though
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
It does, you just need to get the numbers right as I use it all the time. As long as they have a set height etc...
As an example, firebug the logo at www.bestofjoomla.com
... they did it slightly different to me but here is their CSS
#header span.logo a { display: block; width: 120px; height: 180px; background: url(../images/logo.jpg) no-repeat; background-position: -120px; } #header span.logo a:hover { background: url(../images/logo.jpg) no-repeat; } - Last Edit: 17 years 2 months ago by James Spencer.
- James Spencer / Developer & Support / Hull, UK
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
Ahhh, sorry James, I misunderstood your post. You mentioned "scroll" in passing and I somehow locked onto that. My apologies.
The method you refer to is called the CSS Sprites method. You're right, it's perfect for hovers. In fact, I often wonder why Andy doesn't use them more often. I've only noticed them on his side-menu's.
Good suggestion there James. Sorry again. - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
Ah right, CSS Sprites, didn't know the name
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Robert D. Wagers
- Elite Rocketeer
- Posts: 1545
- Thanks: 0
- Full-Time Cancer Fighter!
- Clean, minimalist design.... looks really nice.
- "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up!
"
A quote attributed to my Grandpa Wagers
-
-
-
- Max Miecchi
- Elite Rocketeer
- Posts: 905
- Thanks: 0
- MediaWorks
- Did you really start from PixelPerfect? It's one of the nicest Joomla sites I've ever seen!
-
MediaWorks Worldwide
MediaWorks Italia
Communication, Crossmedia, Advertising, IT. Visual, Graphic and Web Design.
-
Time to create page: 0.058 seconds