[thelist] hover effect on Image Map areas?

Tony Crockford tonyc at boldfish.co.uk
Thu Feb 26 08:39:58 CST 2004


On Thu, 26 Feb 2004 15:15:54 +0100, Mike <evolt at muinar.com> wrote:

> At 13:51 26.02.2004 +0000, you wrote:
>>> At 12:49 26.02.2004 +0000, you wrote:
>>>> http://www.alistapart.com/articles/imagemap/
>>>>
>>>> upside down thinking - make an image map with CSS rather than styling 
>>>> an html image map.
>>>
>>> Before you start: This thing is limited to rectangular shapes!
>>
>> an irregular shaped transparent gif background image in a regular <a> 
>> rectangle element looks like an irregular shape.
>>
>> No limits.
>
> Hmmm... and how about the overlapping click areas?

What about making the hover state show/hide an image in a div overlaid on 
the apartment plan and not as part of the link.

the link could then be sized so it doesn't overlap with any others and 
still use CSS to trigger a rollover effect.

as in:
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

and by not adding display:block to the link, the clickable area is limited 
to the text alone.

(but there's always the flash map.....)

;o)


More information about the thelist mailing list