Image Map Without Image

Forum Moderators: not2easy

Message Too Old, No Replies

Image Map Without Image

how to do this?

HelenDev

2:12 pm on Mar 22, 2007 (gmt 0)

I'm using Fireworks/Dreamweaver to create an image map. I'd like to use a div with CSS background image instead of an embedded image. Is this possible?

The reason I want to do this is that I want to put more images and text over the top of the image map.

I can't get this to work however. If I remove the image the map disappears. I don't want to use js or any complicated hacks. Can anyone help?

adb64

2:30 pm on Mar 22, 2007 (gmt 0)

Use a transparent GIF image for the image map with the same size as the background image. And use z-ordering to put text etc below it.

HelenDev

3:08 pm on Mar 22, 2007 (gmt 0)

Use a transparent GIF image for the image map

Thanks adb64. I did think of doing that, but it kind of defeats the purpose of what I'm doing, because I still can't float things on top of it.

I probably should point out that I'm not using absolute positioning for my layout. If I was I can see how I could achieve this with z-index layering.

jessejump

12:50 pm on Mar 25, 2007 (gmt 0)

>>>>>> put more images and text over the top of the image map.

Can't you remake the image to include those additional images and text?

HelenDev

9:04 am on Mar 26, 2007 (gmt 0)

Can't you remake the image to include those additional images and text?

Yeah, that's what I did in the end!

Originally I wanted to separate these out as some of the images were photo-based, others logos, and of course text links, so to save a few ks and to have them looking their best, it was my plan to separate them all out and float the logos over the photos. In the end simplicity triumphed, which is maybe just as well, and it all looks just about OK :)