PDA

Click to See Complete Forum and Search --> : Image map background?

Ikonos
04-27-2003, 03:26 PM
Here it goes, does anyone know if it is posable to have an image map as a fixed background?i need to have the
text scroll over the image map i have and the <body background="image.gif" bgproperties="fixed"> will not do...


Any help would be great.

Cheers
khaki
04-28-2003, 08:45 AM
Hi Ikonos...

ive never tried putting "usemap" inside the body tag... but apparently you tried it and it didn't work.

does it have to be the "background" (in the <body> tag)...
or could you just use a <div> with a z-index of 0 (zero) to contain the image.
Be careful though... any subsequent "block" items over the image will prevent portions of the image map from being accessable.

;) k
nkaisare
04-28-2003, 10:20 AM
Do you want an image as background, or do you want an image map?

Image map is when you "create" several regions on an image that link to various different html pages.

To have a fixed background that does not scroll with text:
<body style="background: url('mybg.gif') fixed no-repeat right top">
(fixed: keeps the bg from scrolling)
(no-repeat: keeps the bg from tiling)
(right top: where the bg is positioned)
For quickref, read: http://www.w3schools.com/css/css_reference.asp#background
khaki
04-28-2003, 10:48 AM
I didn't test this... (i don't really use image maps)...
but conceptually it would seem to work:

<div id="map" style="top:0px; left:0px">
<img src="img.gif" usemap="#mapCoordinates">
<map name="mapCoordinates">
<area href=pg1.htm coords="0,0,118,28">
<area href=pg2.htm coords="184,0,276,28">
<area href=pg3.htm coords="118,0,184,28">
<area href=pg4.htm coords="276,0,373,28">
</map>
</div>

???
;) k
Ikonos
04-29-2003, 03:57 AM
Sweet, Thanks Guys, Yea i want the Image map to be fixed on the back of the screen with the text scrolling over it....But the closes i have come was to have the image do this...but of course the coardinates then do not work, the only other thought i had was to contain the image map in a table...well i`ll try a bunch of ideas i got and tell you if they work....Thanks for he code khaki, nkaisare

Dave