SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Image map problem - kind of weird - netscape 6.2

    I just downloaded some new brosers and I was checking out my portfolio in Netscape 6.2 when I realized that the top navigation (which is an image map) didn't work. I don't understand why - the bottom nav image map works and they're practically identical. Does anyone know why?

    Code for top nav image map:

    Code:
    <map name="nav">
    <area alt="HOME" coords="27,9,64,0" href="index.php">
    <area alt="ABOUT" coords="84,10,127,-1" href="about.php">
    <area alt="LOGOS" coords="148,9,194,0" href="logos.php">
    <area alt="WEBSITES & TEMPLATES" coords="213,11,371,-2" href="websites.php">
    <area alt="MISC." coords="392,8,428,-2" href="misc.php">
    <area alt="TESTIMONIALS" coords="452,9,543,0" href="testimonials.php">
    <area alt="CONTACT" coords="564,10,625,-2" href="contact.php">
    </map>
    <img src="images/nav.gif" width="650" height="17" border="0" usemap="#nav" alt="navigation">
    Code for bottom nav image map:

    Code:
    <map name="nav_bottom">
    <area alt="HOME" coords="25,6,64,16" href="index.php">
    <area alt="ABOUT" coords="83,4,128,16" href="about.php" shape="RECT">
    <area alt="LOGOS" coords="147,6,192,16" href="logos.php" shape="RECT">
    <area alt="WEBSITES & TEMPLATES" coords="212,6,372,17" href="websites.php" shape="RECT">
    <area alt="MISC." coords="392,6,431,16" href="misc.php" shape="RECT">
    <area alt="TESTIMONIALS" coords="452,6,544,17" href="testimonials.php" shape="RECT">
    <area alt="CONTACT" coords="566,6,623,16" href="contact.php" shape="RECT">
    </map>
    <img src="images/nav_bottom.gif" width="650" height="17" border="0" usemap="#nav_bottom" alt="navigation">
    Thanks!
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  2. #2
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Working:
    <area alt="HOME" coords="25,6,64,16" href="index.php">
    Not working:
    <area alt="HOME" coords="27,9,64,0" href="index.php">

    The only difference is the order of the coordinates;
    top left corner, bottom right corner for the first one
    bottom left corner, top right corner for the second

    Try changing "27,9,64,0" to "27,0,64,9" etc

  3. #3
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great - thanks!
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  4. #4
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Adam it might also have to do with not having the shape attribute on the area tag.

    try <area shape="default" alt="HOME" alt="HOME"
    coords="etc etc etc"> if jofa's solution didn't work.

    Palmer

  5. #5
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Isn't shape="rect" better?

  6. #6
    Degrading Gracefully PalmerB's Avatar
    Join Date
    Sep 2001
    Location
    Ohio - U.S.A. Outlook: Cautiously Optimistic
    Posts
    3,283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are right! After doing a little research, it looks like IE 5 has a problem with shape="default" Who'da thunk it? Use "rect" instead. I stand corrected.

    Palmer


Bookmarks

Posting Permissions

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