I am moving on forward on my quest to web development greatness. Again, for my page at: http://www.atlantareviewgroup.com/health.html I have designed a graphic for the home page link. I put it in the footer inside a div element, but I need to place a link inside there. Let me know how I can make it a link. I'm not sure again why this positioning still creates a gap between the body & footer.

I'm thinking I can just use an empty anchor with an id assigned to it, and add these styles in. Is that correct?:eek:

Yes, CSS sprites are a useful tool, but my situation is a bit more unique than designing a full layout of images. I have two images that are the exact same size, and I just want to show the other one on hover. So I'm a bit confused how I would be doing this given what I have because all of the examples I've found involve several images and only displaying a certain area of the big picture.

This was in that article, pertaining to 5 buttons with 5 hover states they will show:

My situation is a lot more simple than that. Will you help me through this?

system
—
2011-11-11T22:31:16Z —
#9

In that example they had 10 images - an on/off for each of the 5 icons.

You can still use a sprite for your situation, but you would have a single image (sprite) containing both your on/off images and then you simply display the appropriate portion of your sprite (which contains both images) depending on whether the element is currently hovered on or not.

I still have something incorrect as I see only a space length of the image. The size of the image is dependent with the amount of anchor text I put inside the <a> element.

ralphm
—
2011-11-12T03:45:55Z —
#15

From what I can see, you still have the image in the HTML.

The ideal would actually be to have the Home text in place, and then an absolutely placed span element over the top of it with the sprite on that. Here is an example by Paul O'Brien that shows how to do it: