1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How Do I Put Links On An Image??

Discussion in 'HTML & Website Design' started by James12513, Nov 27, 2006.

  1. #1
    I'm really stuck guys on this lol Please help :confused:

    How do I make a navigation banner with all links on it?

    Lets say I have made the this navigation banner.
    How on earth do I put links on it so when I click on each button it takes me to: News, Forums, IRC etc... :p


    [​IMG]
     
    James12513, Nov 27, 2006 IP
  2. Cheap SEO Services

    Cheap SEO Services <------DoFollow Backlinks

    Messages:
    16,664
    Likes Received:
    1,318
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are the news, forums, irc things separate icons or part of the banner?
     
    Cheap SEO Services, Nov 27, 2006 IP
  3. themaster

    themaster Well-Known Member

    Messages:
    934
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    140
    #3
    themaster, Nov 27, 2006 IP
  4. James12513

    James12513 Well-Known Member

    Messages:
    1,149
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    138
    #4
    part of the banner. its just an example lol
     
    James12513, Nov 27, 2006 IP
  5. James12513

    James12513 Well-Known Member

    Messages:
    1,149
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    138
    #5
    themaster I think thats what I needed lol thank you :)

    Its complicated lol
     
    James12513, Nov 27, 2006 IP
  6. adamjthompson

    adamjthompson Well-Known Member

    Messages:
    1,242
    Likes Received:
    59
    Best Answers:
    0
    Trophy Points:
    125
    #6
    I'd use your image editing software to slice your image up into seperate images. Slice off the bottom part of the image where all the buttons are, then divide it up into each individual button...if you can't figure it out, PM me...I can do it for you. :)

    ~Adam
     
    adamjthompson, Nov 27, 2006 IP
  7. themaster

    themaster Well-Known Member

    Messages:
    934
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    140
    #7
    You can do it at photshop too, it is very easy at ps.

     
    themaster, Nov 27, 2006 IP
    James12513 likes this.
  8. dp-user-1

    dp-user-1 Well-Known Member

    Messages:
    794
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    110
    #8
    Download GeoHTML. It's a free, though old, image mapper.
     
    dp-user-1, Nov 27, 2006 IP
    James12513 likes this.
  9. James12513

    James12513 Well-Known Member

    Messages:
    1,149
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    138
    #9
    thank you everyone, your so kind :)
     
    James12513, Nov 27, 2006 IP
  10. stats

    stats Well-Known Member

    Messages:
    586
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #10
    mapping of the image is BAD in terms of SEO and in terms of compatibility with different brawsers and also in terms of size of your page in kb's.

    what i would do is cut the image to 2 half, upper and lower. the lower part would be the "buttons line"

    then cut the button line into actual buttons

    make a table with 2 raws and many columns (as many as your buttons are)

    place the top image (the logo one) in the top row (after merging the cells of course)

    put each button in a separate cell in the bottom row and add the links to those buttons

    make sure you put cellspace=0, cellpad=0, border=0 to your table
    also , border=0 to your buttons

    this is the best solution i know so far ..
     
    stats, Nov 28, 2006 IP
  11. stats

    stats Well-Known Member

    Messages:
    586
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #11
    stats, Nov 28, 2006 IP
    themaster likes this.
  12. dastuff

    dastuff Peon

    Messages:
    475
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #12
    You can also design it using css so that you don't have to use an image map...

    Css code is cleaner than image maps, although for a counterstrike or whatever site it really doesn't matter and stats approach works fine.

    Just giving you some more options.
     
    dastuff, Nov 28, 2006 IP