Image map background?
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.
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.
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_ref...asp#background
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">
<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">
Last edited by khaki; 04-28-2003 at 11:51 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
Finally found this forum with the exact thread i was looking for. Can anyone please help me get the image map to work with <body> tag background image?. I have tried so many methods but no googd solution yet. I need to create hotspots for user interaction on the body background image. Thank you.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)