| Welcome to WebmasterWorld Guest from 126.96.36.199 |
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
|Subscribe to WebmasterWorld|
|image map query|
| 11:42 am on Sep 5, 2008 (gmt 0)|
I'm using a gif with transparent areas; these function as the clickable areas in an image map. They work fine.
However, I'd like them to turn a color when hovered over. I've tried
<area "class="crack" cords...
but it doesn't play. Testing in Firefox.
| 11:02 pm on Sep 5, 2008 (gmt 0)|
I'm a bit afraid it's going to be javasript that'll be the answer, but I'd love to be proven wrong.
Perhaps something we need to put on the CSS3 (or CSS4) wish list.
| 11:45 pm on Sep 5, 2008 (gmt 0)|
| 12:26 am on Sep 6, 2008 (gmt 0)|
actually - here's a simple solution using css. It may not work for image maps (I've honestly never used them).
in your code wrap the objects of class crack in an anchor tag. For example:
now in your css put this:
a.hack:link .crack,a.hack:visited .crack
that should work! It has its limitations on what can be put inside of the anchor tag (which is why my drop-down ain't working...) but hopefully it works for you. Tell me if it does or not!
| 4:40 pm on Sep 6, 2008 (gmt 0)|
Ryan, thanks, nice try, no cigar.
Fixed it with images underneath the transparent areas and some script. Messy.
| 1:00 am on Sep 7, 2008 (gmt 0)|
ya that was going to be my other suggestion, but it's definitely a messier solution. Well, glad you got it working.
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved