Results 1 to 2 of 2

Thread: link image mapping to mail to

  1. #1
    Join Date
    Dec 2004
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default link image mapping to mail to

    On the website www.eatatchilangos.com, I would like to make the email address in the logo link to the email address and open up the email client when clicked on just like a "mailto" tag. Does anyone know how to do this simply?

    Thank you.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Simple:
    Change this:
    HTML Code:
    <img src=images/top.gif alt="Eat at Chilango's Latin Gourmet" width=749 height=130 border=0 href="#mailto:chilangos@eatatchilangos.com">
    to this:
    HTML Code:
    <a href="mailto:chilangos@eatatchilangos.com"><img src=images/top.gif alt="Eat at Chilango's Latin Gourmet" width=749 height=130 border=0></a>
    However, that makes the entire top.gif, when clicked, the link for email. If you want only the email address on the picture to be the link, try this:
    HTML Code:
    <IMG SRC = "images/top.gif" USEMAP = "#1" ALT = "Eat at Chilango's Latin Gourmet" title="Eat at Chilango's Latin Gourmet" BORDER = "0">
    <MAP NAME = "1">
    <AREA SHAPE = "RECT" COORDS = " 404,  94,  653,  115" HREF = "mailto:chilangos@eatatchilangos.com" ALT = "Contact Us!" title="Contact Us!">
    <AREA SHAPE = "DEFAULT" NOHREF>
    <!--  Image map created with Meracl ImageMap Generator, get it for free at http://come.to/meracl  -->
    </MAP>
    should work, notice the comment/credit for a very nice freeware image map generator program.

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
  •