Click to See Complete Forum and Search --> : Best practices for strange shaped hyperlinks


cfgcjm
10-30-2009, 09:27 AM
I'm building a page and it will have a few .gif images that are not rectangular and will need to be hyper-linked. I don't want the blank space (space where the image is not but still part of the image file) to be part of the link.

attached is an example image



Are hotspots still the best practice for something like this?

Thanks!

Coyotelab
10-30-2009, 02:32 PM
http://css-tricks.com/video-screencasts/74-editable-css3-image-gallery/

rnd me
10-30-2009, 02:37 PM
you will have to use <map> to define poly areas for each image.
you can probably re-use the first one you make if the images are all the same size...

developerguru
11-02-2009, 05:06 AM
you will have to use <map> to define poly areas for each image.
you can probably re-use the first one you make if the images are all the same size...

Yes I also agree, something like -

<map name="Map" id="Map"><area shape="rect" coords="33,16,237,43" href="http://www.webdeveloper.com/forum/attachment.php?attachmentid=13192&d=1256912825" /></map>

will do what you are looking for...