How to place objects on top of image map.

[R7Dave]

Hello

I have a friend that has sent me a jpg file and I want to use it in Visual Studio Express as the background to my page.

The links are already in the original jpg.

I used an image map and set the source to the original jpg and set my hotspots to where the links are.

The jpg has a black space in the middle that I would like to put content into (like a login, text, etc)

How can I do this? How can I put things like textboxes or gridviews or anthing in the space provided and have links in the spaced that werer already provided?

Thanks in adavnce for your help
Dave

 

[BigRed1212]

You might be able to use an absolutely positioned div with a z index that puts it in front of the image map, but on the face of it, it sounds like a strange way to go about it. Are you sure an image map is what you want?

If what you want is something like a 3 by 3 grid with 8 cells around the outside and a middle cell that changes content based on the outside cell you mouse over, my thought would be you could do it better with divs and hover effects or even table layouts and javascript than you could with an image map.

 

[R7Dave]

Thanks BigRed1212

I will look into the z index - I thoght it was strange too -I do ASP.NET and not as much with images and html

It is a 3 by 3 grid but the bottom middle cell does not have an image

I also thought of cutting the image horizontally then doing the image map on the top while putting my server side objects underneath with the left and right image on either side

Thanks again
Dave

 

[Vragabond]

More or less, you should not be using a whole image. Just take the relevant pieces of the image and use them for your page. Whatever is just a colour, create with a div block and a background colour. Using image for the entire page (including large spaces of white) is waste of bandwidth.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]