www.webdeveloper.com
Results 1 to 6 of 6

Thread: Image map background?

  1. #1
    Join Date
    Apr 2003
    Location
    Norwich /England
    Posts
    8

    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.

    Cheers

  2. #2
    Join Date
    Jan 2003
    Location
    Jersey Girl
    Posts
    1,198
    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

  3. #3
    Join Date
    Jan 2003
    Location
    Atlanta, GA
    Posts
    571
    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

  4. #4
    Join Date
    Jan 2003
    Location
    Jersey Girl
    Posts
    1,198
    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
    Last edited by khaki; 04-28-2003 at 10:51 AM.

  5. #5
    Join Date
    Apr 2003
    Location
    Norwich /England
    Posts
    8
    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
    !-------Under Construction-----! http://homepage.ntlworld.com/sharon.holland3/ikonos.htm !-------Under Construction-----!

  6. #6
    Join Date
    May 2013
    Posts
    1
    Hello,
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles