Imagemap with CSS?

Discussion in 'CSS' started by forumposters, Apr 3, 2007.

  1. #1
    I have a rather large header and I only wanted to make one corner of it a link. How is this done with CSS?
     
    forumposters, Apr 3, 2007 IP
  2. Rasczak

    Rasczak Peon

    Messages:
    131
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    CSS has nothing to do with links... just display the header (via CSS probably, but not inavoidably necessary) in a div's background and then make a clickable area of desired size and position... or (absolutely) place a transparent gif enclosed with <a> tag at the right location - voila!
     
    Rasczak, Apr 3, 2007 IP
  3. Lively1

    Lively1 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    A List Apart has a masterful breakdown of image mapping (fixed) through css
    at http://www.alistapart.com/articles/imagemap
     
    Lively1, Apr 4, 2007 IP
  4. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well, as long as the IMG attribute is used within the coding & the image is not a background image, simply create a hotspot using Dreamweaver over the corner.
     
    bacanze, Apr 4, 2007 IP
  5. forumposters

    forumposters Peon

    Messages:
    270
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Using Dreamweaver seems to work, but it doesn't look like it creates css code, but instead just creates html code which I would have to copy and paste into every header div. Rasczak, can you point me to an example or tutorial for the way you described to do it?
     
    forumposters, Apr 5, 2007 IP