That's something tricky, and it depends exactly how specific you want to get.
If you wanted to just make sure they were in the main area of the circle, you could make the image a background image and put an anchor on top, and position and size it so it takes up as much of the circle without going outside. If you needed to get more exact, you could use any number of Javascript script to get more exact results. The exact solution depends on the exact problem. - Christian On Thu, Oct 14, 2010 at 4:10 PM, Dan Freeman <dan.free...@lexi.com> wrote: > If you use PNG’s and negative margins, this would allow you to piece > together images, but how would you handle hovering or clicking? For > example, if you had a circle image with a transparent background, how would > you identify hovering or clicking only on the circle piece? > > > > *Dan Freeman* > > Webmaster & ERP Administrator > > 800.650.6506 (TOLL FREE) > > 330.655.0341 (DIRECT) > > www.lexi.com > > > > *From:* li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] *On > Behalf Of *Christian Snodgrass > *Sent:* Thursday, October 14, 2010 3:59 PM > > *To:* wsg@webstandardsgroup.org > *Subject:* Re: [WSG] Image Maps > > > > You can use transparent images and negative margins. > > > The simplest way to set this up would be to use a program like Fireworks > (which lets you move stuff around freely and gives you an x and y). > > Cut up all of your states into separate images with transparent > backgrounds. > > Then you can bring them all into a Fireworks file, position them properly, > then use the x and y it gives you to figure out the negative margins for > them. > > On Thu, Oct 14, 2010 at 3:21 PM, cat soul <cats...@thinkplan.org> wrote: > > > > On Oct 14, 2010, at 12:09 PM, Christian Snodgrass wrote: > > > > Basically image maps can be used, but they aren't usually a good idea. A > better method would be to split it up into separate images and smash them > together to look like one map. This lets you add alt tags and what-not to > make it more accessible. > > > > > > In the case of a map of, say, the USA, how would you achieve this smashing > together, while still having the smashed-together images look like the > contiguous US of A? > > > > cs > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > ******************************************************************* > > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > ******************************************************************* > > LEXI-COMP CONFIDENTIALITY NOTICE > The information in this electronic mail is intended for the named > recipients only. Any use of this information by anyone other than > the intended receiver is prohibited. If the reader of this message is > not the intended recipient, you are hereby notified that any > dissemination, distribution, copying, or other use of this message > or its attachments is strictly prohibited. If you have received this > message in error, please notify the sender immediately by replying > to this electronic e-mail or by calling 330-650-6506. Please delete > it from your computer. Thank you. > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > ******************************************************************* > ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
