Re: [css-d] area:hover - why does this not work
On 1/15/07, Mark Finney [EMAIL PROTECTED] wrote: Ok so I use a:hover and just assumed that it should work with an image map... am i wrong? Anybody have any clues on this? Thanks in advance, Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Mark, First of all, calling the hover pseudo-class for an a tag doesn't apply to this situation for one main reason, being that there is no a tag. The problem with this method is that an image map uses one large image, and with HTML, splits it up into imaginary segments for the purpose of having them link to another URL. The hove tag is not going to do you any good because the only real properties the area tag, which is the one providing the link, has are it's coordinates and destination URL. The most common solution to this problem, while seemingly keeping the effect the same would be to use an image editing program to slice up your image into sections, ultimately getting the parts that you want to be links into separate images, then using HTML to make it all appear as one big image. Not only does this save on overall loading time, but allows you to apply the hover effect you want to the individual images! Hopefully this helps you, and if not feel free to ask any other questions you may have. Best of luck, Matt Fielding __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] area:hover - why does this not work
At 1/15/2007 04:17 PM, Mark Finney wrote: Ok so I use a:hover and just assumed that it should work with an image map... am i wrong? FYI it is possible to create a pure CSS image map, as Stu Nichols has demonstrated: http://www.cssplay.co.uk/articles/imagemap/ http://www.cssplay.co.uk/menu/old_master.html http://www.cssplay.co.uk/menu/imap.html http://www.cssplay.co.uk/menu/mantis.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] area:hover - why does this not work
On 1/16/07, Paul Novitski [EMAIL PROTECTED] wrote: At 1/15/2007 04:17 PM, Mark Finney wrote: Ok so I use a:hover and just assumed that it should work with an image map... am i wrong? FYI it is possible to create a pure CSS image map, as Stu Nichols has demonstrated: http://www.cssplay.co.uk/articles/imagemap/ http://www.cssplay.co.uk/menu/old_master.html http://www.cssplay.co.uk/menu/imap.html http://www.cssplay.co.uk/menu/mantis.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Useful links, and I'll just elaborate on them to mention that while they are effective ways of doing an image map using CSS, they do not directly edit the original image. They instead use other objects to display on the image, or near it. But overall the main thing to remember is that the :hover state just needs to be applied to the area tag and not the a tag. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] area:hover - why does this not work
Ok so I use a:hover and just assumed that it should work with an image map... am i wrong? Anybody have any clues on this? Thanks in advance, Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
