Hi, I have two very common questions which have many answers each, however I'm more concered with current compatibility. The first is using a Span/Div as an image container to create a hybrid image/text mouse-over, an old example of which can be found here. I'm looking for either updates/simplifications (if there are any), or any information along the lines of "Safari won't render this". My second query is about CSS image "emulation". I've given up a while ago, actually quite a while ago, about using CSS for those 1x1 pixel images, but I read here and there that there's virtually no reason not to use them now. If someone could point me in the general direction of such code, I'd be grateful. Oh, I just updated my sig, check out the first link, you won't know how you developed without it Cheers!
As far as navigation is concerned, I only use lists. And what are you having problems designing that you would need to resort to single pixel images?
1x1 pixel images are very old school design methods used in tables. You don't need to using them in CSS unless you're using it for an effect or style.
I was wondering about the usage of the 1x1 images as X-by-Y images, of an arbitrary color. Lines, buffers, custom bullets made up of several of them clamped, that sort. I remember a nice trick I saw using 5 small lines like that to make a 5x5 gradient and then encase it in a border. Then they used javascript to add them up into a small function call that took just a color value, so you could make a large number of them with as little code as an image tag for each, and a different color gradient for each. As for the link areas, I found enough instances of list usages, like brunozugay said, with the background change using a:hover and URL change, but on large commercial sites you'll still see a drop-back to javascript for them. Thanks for the responses. If anyone knows anything about that 1x1 image thing, that'll help. I found a few examples but they all came with warnings about at least one major specific conflict with one of the two major engines.