Image Maps help required

Discussion in 'HTML & Website Design' started by AGS, May 10, 2007.

  1. #1
    Hi all, not too sure if this is the right area if it isn't then my apologys.

    What I am trying to do is add an image map to 1 of my images on my website, but as I am a bit of a noob I need a little help.

    I have been reading this page http://www.useractive.com/certificate/html/htmltut8.html and I would like to image map one of my images into 4 areas leading to different URLs

    Here is the image
    http://www.bookmethatnight.com/images/index_02.png

    I want to map it so each of the 4 images are clickable but I have no idea how to get the coordinates for each, can anyone help please?

    I figure that once I get the coordinates it's going to be fairly easy for me to add to my page (famous last words lol :D)

    Any advice appreciated as always! :)
     
    AGS, May 10, 2007 IP
    commandos and Briant like this.
  2. T0PS3O

    T0PS3O Feel Good PLC

    Messages:
    13,219
    Likes Received:
    777
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You can find the coordinates by opening it in a photo editor like Jasc Paint Shop Pro or probably MS Paint even and then hovering the mouse over the points you need.
     
    T0PS3O, May 10, 2007 IP
    AGS likes this.
  3. AGS

    AGS Notable Member

    Messages:
    6,543
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    265
    #3
    Thanks TOPS30 I didn't realise that brings up the 2 coords I need. :eek:

    I thought it will only give me the one but it gives 2 per point, to give me the 4 I need. :)

    Thanks buddy and feel free to close this thread, I feel like a bit of a twerp. :confused:

    Now to see if I can get it to work how I want it to.

    Oh the fun of tinkering. :D
     
    AGS, May 10, 2007 IP
    commandos, Briant and britishguy like this.
  4. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Use the hotspot tool in dreamweaver, click the image icon in th commoin tools toolbar, then Draw rectangle hotspot etc.

    Ash :)
     
    bacanze, May 10, 2007 IP
    AGS likes this.
  5. T0PS3O

    T0PS3O Feel Good PLC

    Messages:
    13,219
    Likes Received:
    777
    Best Answers:
    0
    Trophy Points:
    0
    #5
    T0PS3O, May 10, 2007 IP
  6. AGS

    AGS Notable Member

    Messages:
    6,543
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    265
    #6
    Thanks guys I am going to try it with Paint first.

    Wish me luck as I am a bit of a noob at these things. :D
     
    AGS, May 10, 2007 IP
    Briant and guerilla like this.
  7. T0PS3O

    T0PS3O Feel Good PLC

    Messages:
    13,219
    Likes Received:
    777
    Best Answers:
    0
    Trophy Points:
    0
    #7
    [​IMG]

    :D

    Bring in the small screen resolution police!
     
    T0PS3O, May 10, 2007 IP
  8. AGS

    AGS Notable Member

    Messages:
    6,543
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    265
    #8
    LOL cheers buddy!

    That image is almost as big as my 42" TV. :D
     
    AGS, May 10, 2007 IP
    Briant likes this.
  9. AGS

    AGS Notable Member

    Messages:
    6,543
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    265
    #9
    Many thanks to bacanze for all his help! :)

    Sorted out all the coordinates and even gave me the complete edited HTML to add to my index page, a thoroughly nice helpful guy, thanks buddy!
     
    AGS, May 10, 2007 IP