Map-mouseover text help. How?

Discussion in 'HTML & Website Design' started by indyonline, Nov 28, 2007.

0
  1. #1
    Hello all. I was wondering if somebody could help me out. I'm building a page with a map of the U.S. and I want to place images on it that will link to another page and have mouseover text. Any input would be appreciated. Thank you.
     
    indyonline, Nov 28, 2007 IP
  2. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #2
    What do you really need? The code for linking to another page or the mouseover text? I don't understand your problem but for input's sake, I'll post the code for the image that links to another page with a mouseover text:

    <a href="anotherpage.html"><img src="linkofimage.jpg" alt="alternate text"></a>

    The red part is for the link to the "another page", the blue one for the link/location of the image and the green one for the mouseover (a.k.a. alternate) text.



    Don
     
    Dondon2d, Nov 28, 2007 IP
  3. kharen

    kharen Banned

    Messages:
    181
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    ...or just make the whole image of the whole map and and divide it into region(knowing the x & y of each part of the image that you want to have a link)...for the mouse over see the code above..
     
    kharen, Nov 29, 2007 IP
  4. flakdesign

    flakdesign Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hey is this what you are looking for?

    hxxp://www.cssplay.co.uk/menu/old_master.html
     
    flakdesign, Nov 29, 2007 IP
  5. forbairt

    forbairt Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I guess there are a few ways you could go about this.

    If its a fairly simple map of the US with images on it I'd be inclined to create an imag out of the whole thing.

    Then I would find the x,y coordinates for each "image" you want to link to

    then its pretty much a simple bit of code

    
<map name="testmap">
<area coords="50,50,100,100" title="link1 Text" href="#link1">
<area coords="150,150,200,200" title="link1 Text" href="#link1">
</map>

<img src="myfullimage.jpg" usemap="#testmap">
    Code (markup):
     
    forbairt, Nov 29, 2007 IP