I am trying to link an image to more then one place and the image is sized with percentage so an image map will not work does anyone know another way?
Perhaps slice the image up into multiple parts (e.g in Photoshop) and output as HTML? This is the old-skool way of building a website from a PSD file but I can't see whay it wouldn't work with a single image. The resulting output would be multiple, smaller images situated in a table - this would still look like a single image to the user but you could link each of the smaller images to wherever you want. Not sure how this would be affected by the % sizing though.
yeah i would do it that way but on a mobile phone the images don't all load on the page unless they are just one image, I don't know why that is either.
you can overlay the image with a-tags, or divs with a tags in them, and size them all with percentage. Set the a tags to display block or inline-block and then just set the width, height and position on top of the underlying image in the desired positions. Oh, and make the a tags (or divs with a tags in them) transparent. This will create invisible links with set sizes, that will be transparent so you will think that you're clicking the underlying image. A "bogus" image map kinda thing.