PDA

View Full Version : Image Map on Background Image



Jacunivac
01-24-2010, 05:39 PM
I know how to put a "Hotspot" using an image map on an image. Does anyone know how to put a hotspot on a background image? I have a wide header with a background image and the logo for the company on the extreme left of the header. I would like to make a hotspot around the logo to take the viewer home when clicked. I have a flash menu also in the container where the background image is (in the header) and don't want any conflicts with the menu.

Thanks for your help,

Jac

TheDoc
01-24-2010, 09:33 PM
if it's a background image, you could use an absolutely positioned anchor tag. The CSS would look something like this:


a#logo {
display:block;
width: ##px;
height: ##px;
position: absolute;
top: ##px;
left: ##px;
text-indent: -9999px;
}

HTML:

<a id="logo" href="index.html">Company Name</a>

The text-indent in the CSS will make sure that "Company Name" doesn't show on the screen.