Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jul 2010
    Posts
    1
    Member #
    22906
    So I created a nav-bar for an HTML email flyer with five links. Made an image map that work in Dreamweaver and sent me to the url. Now I don't know how to code it in the html to link absolutely. I don't now how to link it to my server which is 1and1.com. Here is my code!

    <table id="Table_01" width="1052" height="38" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="3">
    <img src="images/rate_matrix_1052px_01.gif" width="229" height="1" alt="" /></td>
    <td rowspan="2">
    <a href="http://www.bestmortgagesnationwide.com/resources/Aa-+Rate+Sheet.pdf" target="http://www.bestmortgagesnationwide.com/resources/Aa-+Rate+Sheet.pdf"
    onmouseover="window.status='View our Aaa- Paper Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="images/Aaa--Paper-Rate-Matrix.gif" width="180" height="38" border="0" alt="" /></a></td>
    <td rowspan="2">
    <img src="images/rate_matrix_1052px_03.gif" width="45" height="38" alt="" /></td>
    <td rowspan="2">
    <a href="http://www.bestmortgagesnationwide.com/resources/Bb-+Rate+Sheet.pdf" target="http://www.bestmortgagesnationwide.com/resources/Bb-+Rate+Sheet.pdf"
    onmouseover="window.status='View our Bbb Paper Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="images/Bbb-Paper-Rate-Matrix.jpg" width="180" height="38" border="0" alt="" /></a></td>
    <td rowspan="2">
    <img src="images/rate_matrix_1052px_05.gif" width="32" height="38" alt="" /></td>
    <td rowspan="2">
    <a href="http://www.bestmortgagesnationwide.com/resources/Cc-+Rate+Sheet.pdf" target="http://www.bestmortgagesnationwide.com/resources/Cc-+Rate+Sheet.pdf"
    onmouseover="window.status='View our Ccc Paper Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="images/rate_matrix_08.gif" width="180" height="38" border="0" alt="" /></a></td>
    <td rowspan="2">
    <img src="images/rate_matrix_1052px_07.gif" width="14" height="38" alt="" /></td>
    <td rowspan="2">
    <a href="http://www.bestmortgagesnationwide.com/resources/Hard+Money+Rate+Sheet.pdf" target="http://www.bestmortgagesnationwide.com/resources/Hard+Money+Rate+Sheet.pdf"
    onmouseover="window.status='View our Hard Money Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="images/rate_matrix_1052px_10.jpg" width="180" height="38" border="0" alt="" /></a></td>
    <td rowspan="2">
    <img src="images/rate_matrix_1052px_09.gif" width="12" height="38" alt="" /></td>
    </tr>
    <tr>
    <td>
    <img src="images/rate_matrix_1052px_10.gif" width="13" height="37" alt="" /></td>
    <td>
    <a href="http://www.bestmortgagesnationwide.com/resources/Aa$2B+Rate+Sheet.pdf" target="http://www.bestmortgagesnationwide.com/resources/Aa$2B+Rate+Sheet.pdf"
    onmouseover="window.status='View our Aaa+ Paper Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="images/Aaa+-Paper-Rate-Matrix.gif" width="180" height="37" border="0" alt="" /></a></td>
    <td>
    <img src="images/rate_matrix_1052px_12.gif" width="36" height="37" alt="" /></td>
    </tr>
    </table>

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2009
    Location
    Chicago, IL
    Posts
    114
    Member #
    20579
    Liked
    2 times
    I'm not 100% sure what you're asking, but I see a problem with the html that you posted. You should not use a URL as your "target" attribute. For example this:

    <a href="http://www.bestmortgagesnationwide.com/resources/Aa-+Rate+Sheet.pdf" target="http://www.bestmortgagesnationwide.com/resources/Aa-+Rate+Sheet.pdf"
    onmouseover="window.status='View our Aaa- Paper Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="http://www.webdesignforums.net/images/Aaa--Paper-Rate-Matrix.gif" width="180" height="38" border="0" alt="" /></a>

    should be:

    <a href="http://www.bestmortgagesnationwide.com/resources/Aa-+Rate+Sheet.pdf" target="_blank" onmouseover="window.status='View our Aaa- Paper Rate Matrix..'; return true;"
    onmouseout="window.status=''; return true;">
    <img src="http://www.webdesignforums.net/images/Aaa--Paper-Rate-Matrix.gif" width="180" height="38" border="0" alt="" /></a>


    If you're sending this code in an email, your image paths should point at your server like this:

    <a href="http://www.bestmortgagesnationwide.com/resources/Aa-+Rate+Sheet.pdf" target="_blank" onmouseover="window.status='View our Aaa- Paper Rate Matrix..'; return true;" onmouseout="window.status=''; return true;">
    <img src="
    http://www.bestmortgagesnationwide.com/images/Aaa--Paper-Rate-Matrix.gif" width="180" height="38" border="0" alt="" /></a>

    Did I answer your question?

  4. #3
    Member spokanewebguy's Avatar
    Join Date
    Aug 2010
    Location
    Spokane
    Posts
    68
    Member #
    23273
    Liked
    1 times
    just export the image, load it into dreamweaver, and do the image map manually(that is if you MUST actually use an image map)


Remove Ads

Posting Permissions

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

Search tags for this page

adobe photoshop cs5 image map

,

image map export to html photoshop cs5

,

image map photoshop cs5

,

photoshop cs5 to imagemap html

Click on a term to search for related topics.
All times are GMT -6. The time now is 02:09 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com