CSS mouseover Cheat
- Started
- Last post
- 9 Responses
- skwiotsmith
Working on a project and wondering if there is an easier way of creating CSS 'mouseovers' without having to create a class for every single image that I want a hover state for...
Thoughts?
- acescence0
you have text embedded in these images? i would suggest using the "sliding door" or similar method for the nav backgrounds and using html text on top for better accessibility and cleaner markup. or maybe i misunderstand?
- skwiotsmith0
The text is embedded in the images, and I know it's kind of a faux pas in some circles, but this is a personal project, and, well, I'm pushing for looks here...
- redant0
sliding door should work
- Yes...slide that fucking door!!!TheBlueOne
- i think u need to take it easy BlueOne (see thread)redant
- Sorry man..all hoped up on caffeine and Slayer this afternoon...TheBlueOne
- bulletfactory0
make sure to slide that door shut - i'm not cooling the whole damn neighborhood.
- jonatne0
jQuery helps to automate things. Make sure those images with embedded text are replacing hard coded html text. Then there's nothing wrong with it.
- Chazolta0
if multiple images are the same height you can cut back on code by adding a class that covers just the hover portion. works better than writing css for each hover state of each button
- blaw0
RE: text embedded in the image... If the text is on a transparent background you can swap a single background image for all. Of course, without seeing it that's a shot in the dark. Got it posted anywhere?
- trooper0
yep use background shifting see www.broadbond.com (one of mine)
- skwiotsmith0
Nothing posted yet. I'm still in the sketch phase, and was wondering about this for one option.
But thanks for all the advice...