- Last post
- 9 Responses
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...
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?
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...
sliding door should work
make sure to slide that door shut - i'm not cooling the whole damn neighborhood.
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.
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
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?
Nothing posted yet. I'm still in the sketch phase, and was wondering about this for one option.
But thanks for all the advice...