Dimple,
On Aug 24, 2005, at 8:31 AM, dimpie wrote:
I have a link which exists only of an image, no text involved.
If I hover over it I want to show a different image. Seems simple
and probably it is.
This is the webpage: http://www.glassbox.nl/test/concept.htm
The thing is I know how to handle links which have both text and an
image.
I create one image that contains both the icons.
For a:hover I change the background position of the image so it
moves to the second icon.
Maybe this can be done also in this situation, but the thing is,
when people turn my stylesheet of, there is no visible link.
Because with no page style it doesn't show the background image and
there is not text to click on.
I also tried solving this problem with the clip property. Didn't
get that to work anyway.
Anyhow, I read an article that said that IE does not interpret the
clip property correctly. Is that true?
So resuming I see the following possibilities:
- Using the background image with text and then set the text to
hidden;
- Use the css clip property;
- Use the built in Macromedia Dreamweaver swap image function.
In this case, the image is part of the page content rather than just
decoration so it needs to be an img element. Given that constraint,
I think the javascript rollover (choice 3) is the best bet. This
still doesn't do anything for people with images turned off, or text
based browsers. You might want to consider adding some appropriate
text to the link and hiding it via css.
hth
Roger,
Roger Roelofs
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
