Image map links not working in all browsers

Hi, I develop HTML marketing emails once a week and my boss
has recently informed me that some, not all, of the image mapping
links do not work in all browsers or emails i.e. MacMail, Opera,
Safari, etc. He's positive there's something in Dreamweaver that
makes the links universally accommodated no matter what email/web
browser you use, but I haven't been able to find a solution as of
yet.
Any help on this would be appreciated, thanks!
:music;

Let's start with the least critical issue. Your boss and his
boss are
simply wrong. An HTML link is just an HTML link, whether
created in DW or
in Notepad.
Now, on to the meat. When you upload this page to the web, do
the links
work? And when you say that they don't work, what do you
mean? Do you mean
that when you click on them, you are not taken to the linked
page? Which
links are not working?
Finally, why do you have your mapped image also within an
anchor tag?
<a href="
http://www.beyondthewall.com/xcart/giftcert.php"><img
src="Slice.jpg" width="263" height="58" border="0"
usemap="#Map" /></a>
Is that the one where the link doesn't work?
Can you post a link to this page on the web, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"blaise napolitan" <[email protected]> wrote
in message
news:[email protected]...
> Thanks for the reply, and that's what I would have
figured but in this
> case the
> entire thing is an image map so there's no absolutely
positioned elements
> that
> would overlay the links. It's just a simple table with
the main picture
> mapped
> out with a few links. I'm assuming it either has to do
a) the image not
> being
> displayed correctly due to a built in email security
feature or b) my boss
> and
> his boss are mistaken (which wouldn't surprise me). I'll
post the code
> just in
> case, thanks for all the help.
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="767" border="0" align="center"
cellpadding="0"
> cellspacing="0">
> <tr>
> <td><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"><i
> mg src="Logo.jpg" width="288" height="58" border="0"
/></a><a
> href="
http://www.beyondthewall.com/xcart/giftcert.php"><img
> src="Slice.jpg"
> width="263" height="58" border="0" usemap="#Map"
/></a><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"><i
> mg src="pay.jpg" width="216" height="58" border="0"
/></a></td>
> </tr>
> <tr>
> <td><img src="main.jpg" alt="main" name="main"
width="767"
> height="513"
> border="0" usemap="#mainMap" id="main" /></td>
> </tr>
> <tr>
> <td bgcolor="#FFFFFF"><div
align="center"><a
> href="mailto:[email protected]"
class="style42"
> style="text-decoration:none" border="1">*To
Unsubscribe Click
> Here*</a></div></td>
> </tr>
> <tr>
> <td bgcolor="#7e0997"><div
align="center"><a
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"
> class="style29"
>
style="text-decoration:none">www.beyondthewall.com</a></div></td>
> </tr>
> </table>
>
> <map name="Map" id="Map"><area shape="rect"
coords="78,33,79,34" href="#"
> /></map>
>
> <map name="mainMap" id="mainMap">
> <area shape="poly"
>
coords="10,7,376,16,369,227,211,218,177,92,122,85,12,109,13,118"
> href="
http://www.beyondthewall.com/xcart/posters_prints_novelty_sex.html"
> />
> <area shape="poly"
coords="13,117,121,90,174,99,216,270,9,294"
> href="
http://www.beyondthewall.com/xcart/six-pack-24x36.html"
/>
> <area shape="poly"
coords="219,225,393,251,347,469,174,407"
> href="
http://www.beyondthewall.com/xcart/david-beckham-arm-st4514-24x36.html"
> />
> <area shape="poly"
coords="226,489,14,496,13,303,199,283,168,410"
> href="
http://www.beyondthewall.com/xcart/tension.html"
/>
> <area shape="poly"
coords="394,16,674,16,668,241,387,238"
> href="
http://www.beyondthewall.com/xcart/colin-egglesfield-24x36.html"
/>
> <area shape="poly"
coords="407,251,665,254,661,501,403,492"
> href="
http://www.beyondthewall.com/xcart/daniel-24x36.html"
/>
> <area shape="rect" coords="681,15,761,508"
> href="
http://www.beyondthewall.com/xcart/beyond_the_wall_posters_prints.html"
> />
> </map></body>
> </html>
>
>

Similar Messages

Image Maps link not working in Acrobat 8 3D PDFs generated from RoboHelp 7

All of my hyperlinks work when I just generated my RoboHelp
project to PDF using RoboHelp 7 with the new Adobe Technical
Communications Suite (with Acrobat 8 3D). However, the links to
topics within the document didn't maintain from the image maps. I
had originally created flowcharts in Microsoft Visio, exported then
as .gifs, and imported them into topics in RoboHelp X5. Then I
created image maps from the boxes to topics in the RoboHelp
project. When I converted my project to RoboHelp 7 and generated
the PDF, all the links work great, except I don't get the
finger-pointing cursor when I hover over the boxes in the
flowcharts like I do with regular hyperlinks. Can someone please
tell me why? Thanks!

Sigh... and this is why no one like to work with newbies...
Thank you for your help. I am embarrased to admit that this was the issue.

After installing iOS6, my Maps are not working at all, anything i search it says "result not found" even after placing a pin and selecting "Direction to here" i get the same result not found. Very disappointed with the new iOS

After installing iOS6, my Maps are not working at all, anything i search it says "result not found" even after placing a pin and selecting "Direction to here" i get the same result not found. Very disappointed with the new iOS.

Have you run it in a debugger? That will show you exactly what is happening and why.

RSS Not Working in All Browsers Except Safari?

I've recently used iWeb to make a website (not .mac) and has been completely Validated at w3, and passed with no errors in the coding.. except when we go to use the RSS Feed Button in Firefox for Mac, Firefor for PC, Internet Explorer for PC.. the page comes up with errors - and displays a message saying: "This XML file does not appear to have any style information associated with it. The document tree is shown below." and simply displays the Coding. So i checked the RSS page at w3 Validator and it failed because of an Error on line 42. The line 42 is this:
<description><a href="http://users.bigpond.net.au/bjsp1/lacc/News/F4CBD4AA-E949-44E0-A31C-61159 9D79BD8files/DSCF1400%20copy1.jpg"><img src="http://users.bigpond.net.au/bjsp1/lacc/News/Images/DSCF1400%20copy.jpg" style="float:left; padding-right:10px; padding-bottom:10px; width:130px; height:130px;"/></a>Hello Everyone! Sorry for the lack of updates - we’ve had some technical difficulties - but were back with a new design and some more user-friendly pages. <br>
So far the only error i can see is the &lt/a&gt etc.. errors, but it could have been an error caused by a change of programs (to get the actual line i opened the file in Microsoft Frontpage) Any ideas of why it is not working in any browsers, and how to fix it?
Thanks!

Yes, I'm puzzled by the whole RSS thing as well.
Clicking on RSS subscribe from my website in Firefox
gives me the same error. But if I click on the RSS
icon in the address bar of Firefox, it seems to keep
track of my site updates just fine.
That's right. I forgot that FireFox has its Live Bookmarks feature which is basically the same as an RSS reader. While the subscribe button doesn't do anything, FireFox scans a page being viewed for any RSS feeds and lets you select them via other means. RSS is just a different protocol than http and different browers handle it different ways (or not at all).

Google Map & Links Not Working...

Hi Guys
I recently purchased ilife 08, mainly to get the functionality of being able to embed a Google Map into my website. This works fine on my Macbook, but when I try and upload it to my website (not a .Mac address), whilst the page displays with a big "hole" where the Google map should be, the Google map itself does not populate the page. Any ideas if this is a known "bug"?
Also, my Welcome page worked fine with iweb 06, but in iweb 08, the links to the other pages of my site at the top of the page are not visible at all. I'm currently stuck with my iweb 06 built site and unable to take advatage of the updated 08.....
I posted before about these problems, and the advice was to make sure that the feeds, Media and script files were uploaded to the site. However, these are all there....I'm really not sure at all what I'm doing wrong!
Any help would be much appreciated. Many thanks!

Since posting the above, I was looking again at the files on the uploaded site and I noticed that whilst I had a folder called Scripts on the site, when I went into that folder, and then in to the Widgets folder inside of that, there was only the 'Detail View' folder inside of it - no Google Maps folder or Navbar folder!!! Not sure why this has happened.
I've now tried uploading these folders, but they're not appearing as folders, they just look like files for some strange reason.
It sounds like this is the reason for my problems, but how do I get these folder to upload correctly?
I feel like I am soooooo close to getting this to work now!!

Image - maps are not working in Firefox but it does work in IE. Some help required.

Hey there,
Last week i've been building a website for our company. However, there is still a problem with our banner/slider. I've uploaded some images and the slider is currently working. But the image maps ,using <map> & <area> taggs, are not functional in FF. They do work in IE so I suppose it should be working correctly.
I've tried using Chrome & Safari but the problem keeps persisting.
Some help would be nice (:
Marnix.

Doesn't work in Firefox, Chrome, and Safari? <br />
Sounds like you're using non-compliant code.
http://www.w3.org/TR/html5-author/the-map-element.html <br />
http://www.w3.org/wiki/HTML/Elements/area
You could try posting the URL to a test case at the Web Development / Standards Evangelism forum at MozillaZine, and see what they have to say. The support helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Dynamic Link not working AT ALL (CS5.5)

I've been trying to queue a sequence from Premiere Pro to Media Encoder (both CS5.5), and it says that Dynamic Link isn't working. I tried to make a new After Effects composition with my sequence through Dynamic Link, and it says that I don't have it installed (I do and can sucessfully open it). So, Dynamic Link doesn't work at all. Working on a Mac here. Help?

It's possible that something (e.g., antivirus software) is blocking the communication that Dynamic Link relies on.
See this for solutions to a closely related problem:
http://helpx.adobe.com/x-productkb/multi/startup-screen-hangs-premiere-after.html

Certain Javascript Not Working in All Browsers

Certain javascript elements on websites won't function at all, and it's not apparent why. For example, when I'm http://www.reddit.com/ and I try to upvote or downvote a submission, nothing will happen, and little text in the bottom left corner of my browser(s) will say, "javascript:void(0)". This problem also occurs when I try to submit a comment, expand comments, send messages, and so on.
This issue isn't exclusive to reddit, though. It also occurs when I'm on http://www.tinychat.com/. When I attempt to go into a tinychat room the same "javascript:void(0)" message pops up, and I receive this error message instead of it loading the chat room, which reads, "This chat room is not loading. Hold shift and refresh this page to try again. You may need to update your browser or Adobe Flash Player. Tinychat recommends Google Chrome. If this issue continues, please email [email protected]" I did email them, and they never emailed me back.
I've tried everything from uninstalling and reinstalling Flash. Removing javascript from webpages, and seeing if they would respond differently. I've tried disabling and enabling popup blockers, allowing and disallowing Java content, deleting cache, deleting Java cache, removing all proxy settings, allowing all third-party content, increasing my cache size for Adobe flash, uninstalling and reinstalling Adobe flash player and shockwave. I've used disk utility and repaired all permissions and disk issues, I've used OnyX and deleted all cache files and restored as much back to default settings as physically possible. I've even reformatted my entire computer with the startup discs, and the problem still exists. I contacted Java support, Adobe support, and called Apple support, all ending in no solution.
My computer specifications:
MacBook Pro (15-inch Mid 2010)
2.4 GHz Intel Core i5
4 GB 1067 MHz DDR3
NVIDIA GeForce GT 330M 256 MB
Mac OS X Lion 10.7.4

The pages use JavaScript links such as:
<a href="javascript:void(0)" class="pref-lang" onclick="return showlang();" >English</a>
These are quite common and work OK on my Safari 5.0.6.
The problem you have could be one of these:
JavaScript is disabled in your browser
Your browser's JavaScript engine is damaged
JavaScript items have not downloaded properly
You have restricted cookies
You are behind a firewall limiting access to the internet
Try the following:
Disable all Safari plugins/extensions
Quit from Safari
Remove all contents of ~/Library/Safari to a new folder on your Desktop
Restart Safari and test
Retrieve your bookmarks from the new folder on your Desktop
The following command can resolve some issues - paste it into a Terminal window and hit the return key:
rm -Rf ~/Library/Safari/LocalStorage; rm -Rf ~/Library/Caches/com.apple.Safari

Youtube - Does not work in all Browsers

Greetings,
I have an issue were Youtube is not functional in any of my web browsers (Safari, Firefox, and Chrome). I cannot find a fix to this issue anywhere else. All I keep getting is "An error occured, please try again later". I have I have tried "Option+Command+R" and this still does not resolve the issue.
I am running OSX Yosemite version 10.10.2
Macbook Pro 13" Mid, 2009
2.26GHz Intel Core 2 Duo
Memory 2GB 1067 MHz DDR3
Graphics NIVIDIA GeForce 9400M 256MB
Please let me know if you require additional information.

Launch the Console application in any of the following ways:
☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
☞ Open LaunchPad and start typing the name.
Step 1
For this step, the title of the Console window should be All Messages. If it isn't, select
          SYSTEM LOG QUERIES ▹ All Messages
from the log list on the left. If you don't see that list, select
          View ▹ Show Log List
from the menu bar at the top of the screen.
In the top right corner of the Console window, there's a search box labeled Filter. Initially the words "String Matching" are shown in that box. Enter the name of the crashed application or process. For example, if Safari crashed, you would enter "Safari" (without the quotes.)
Each message in the log begins with the date and time when it was entered. Select the messages from the time of the last crash, if any. Copy them to the Clipboard by pressing the key combination command-C. Paste into a reply to this message by pressing command-V.
☞ The log contains a vast amount of information, almost all of which is irrelevant to solving any particular problem. When posting a log extract, be selective. A few dozen lines are almost always more than enough.
Please don't indiscriminately dump thousands of lines from the log into this discussion.
Please don't post screenshots of log messages—post the text.
☞ Some private information, such as your name, may appear in the log. Anonymize before posting.
Step 2
In the Console window, select
          DIAGNOSTIC AND USAGE INFORMATION ▹ User Diagnostic Reports
(not Diagnostic and Usage Messages) from the log list on the left. There is a disclosure triangle to the left of the list item. If the triangle is pointing to the right, click it so that it points down. You'll see a list of crash reports. The name of each report starts with the name of the process, and ends with ".crash". Select the most recent report related to the process in question. The contents of the report will appear on the right. Use copy and paste to post the entire contents—the text, not a screenshot.
I know the report is long, maybe several hundred lines. Please post all of it anyway.
If you don't see any reports listed, but you know there was a crash, you may have chosen Diagnostic and Usage Messages from the log list. Choose DIAGNOSTIC AND USAGE INFORMATION instead.
In the interest of privacy, I suggest that, before posting, you edit out the “Anonymous UUID,” a long string of letters, numbers, and dashes in the header of the report, if it’s present (it may not be.)
Please don’t post other kinds of diagnostic report—they're very long and rarely helpful.

Vertical Spry Menu Bar not working in all browsers

Hi, everyone!
I'm hoping you'll help me troubleshoot something. I have a spry menu bar (vertical) that's expanding properly in IE but not in Firefox or other browsers. Here is the link:
http://midlochorus.org/
Thanks in advance for any help!
Karen

I'm pretty bummed not to receive any answers to this. Is there nobody who can help me?

Why is zoom widget not working across all browsers? How get answer?

We placed the jquery zoom widget on the following page: http://www.hoohobbers.com/baby_crib_bedding_ahoy!zoom.html
It works as advertised in IE and FF. It doesn't do a thing in Opera, and in Safari it loads in a different position than that specified in code, and is 'stuck' in only being able to zoom the top layer of images; the zoom will not move freely around the entire image.
Does anyone know what the problem is?
Also, does anyone know of other 'forums' where an answer might be sought? After our initial posting -and responses- as to how to get the widget to work in the first place, we posted this latest problem over 24 hours ago but not received a reply.
Thanks in advance for any help or direction.

OK this is not a server-side issue.
Again, it's browser-based. Your code needs to be:
<embed src="[filename].mp3" type="application/x-mplayer2" autostart="false" playcount="true" loop="false">
This will make Internet Exploder use Windows Media Player to play back the .mp3 file
The type attribute overrides the actual file extension and MIME type of the file to be played.Unfortunately, IE ignores MIME Types and file extensions - instead it examines the contents of the file and decides for itself what format it is and what to do with it. IE will use WMP to play a media file unless another browser plugin lists it.

Anchor links to accordion panels not working properly across browsers

Hi everyone,
I need some help to figure out why my anchor links to specific accordion panels on another page are not working properly across browsers.
I have a Map page which has tooltips on mouseover on the site markers. 15 of the tooltips have "Click here for information" anchor links (although only 14 are currently linked) which, in theory, would take you to the Nurseries page where the specified accordion panel would be opened with the nursery entry appearing at the top of the new browser window.
Here are the links to the Map page and Nurseries page, respectively:
www.alegriadesignstudio.com/RFRI/map_v6.html
www.alegriadesignstudio.com/RFRI/nurseries_v6.html
I've tested the anchor links on IE, Firefox, Google Chrome, and Safari, and have received varying results. In most cases, the anchor links worked perfectly on two of the browsers, while on the other browsers, the correct accordion panel is opened but the nursery entry does not appear at the top of the new browser window. Anchor links using Safari and Google Chrome fared better (10 out of 14 links worked properly, and 8/14, respectively), whereas when using Firefox and IE, only 3 anchor links worked properly. The target audience for this website will be using IE and Firefox, so I would appreciate any help to figure out how to tweak the code so that the most, if not all, anchor links work properly on these two browsers in particular.
Here's an anchor link which worked perfectly in IE, GC, and Safari, but in FF, the entry did not appear at the top of the new browser window.
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green dot from the top of the map (Tooltip--Location: Mangatarem) and then click on "Click here for information."]
Here's a sample anchor link in which the entry did not appear at the top of the new browser window in any of the 4 browsers:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the bottom of the map and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet; North Cotabato) and then click on "Click here for information."]
Here's a sample anchor link in which the anchor link worked properly in GC and Safari, but the entry didn't appear at the top of the browser window in IE and FF:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island north and a bit west of "Mindanao" which is called "Bohol" and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then click on the first "Click here for information."]
Many thanks in advance for your assistance!
Joy

Hi everyone,
I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
Many thanks in advance.
Joy

I can not get my map link to work!!!

I can not get my map link to work!!!
The image it is on is surrounded by fixed images and is in <div id="display"> (see code below). Map links work just fine on the images that are in the fixed divs, but not the 'display' div.
Can someone help?
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Mobile Phone</title>
<style type="text/css">
body {
margin: 0;
#wrapper {
margin: 0 auto;
top:0px
#phone {
width: 400px;
margin: 0 auto;
font-size:0;
#top {
position:fixed;
#left {
float:left;
padding-top: 268px;
position:fixed;
#display {
float: left;
padding-top: 268px;
padding-left: 28px;
position:
#right {
float:left;
padding-top: 268px;
padding-left: 348px;
position:fixed;
#bottom {
position:fixed;
padding-top: 728px;
</style>
</head>
<body style="background-color: #4B4B4B; padding-top: 0px;">
<body>
<div id="wrapper">
<div id="phone">
    <div id="top"><img src="Images/top.fw.png" width="375" height="268" alt=""/></div>
    <div id="left"><img src="Images/left.fw.png" width="28" height="460" alt=""/></div>
    <div id="display"><img src="Images/AlbumPage.png" alt="" width="320" height="2000" usemap="#Map2"/>
      <map name="Map2">
        <area shape="rect" coords="3,437,317,470" href="Phone2.html">
      </map>
    </div>
    <div id="right"><img src="Images/right.fw.png" width="26" height="460" alt=""/></div>
    <div id="bottom"><img src="Images/bottom.fw.png" alt="" width="375" height="1076" usemap="#Map"/>
      <map name="Map">
        <area shape="rect" coords="35,3,74,42" href="goBack()">
      </map>
    </div>
</div>
</div>
</body>
</html>

' surrounded by fixed images'
corrected to 'surrounded by fixed divs'.
Sorry

HT201210 i updated my 4s yesterday, but my phone will not work at all now, and will not turn off. It has a itunes image on the screen with an arrow undernieth and what looks like the charger lead. i've had it on charge! is there anything else i can do?

i updated my 4s yesterday, but my phone will not work at all now, and will not turn off. It has a itunes image on the screen with an arrow underneath and what looks like the charger lead. i've had it on charge! is there anything else i can do?

Cconnect it to your computer with the latest version of iTunes installed.

Internal pdf links not working in chrome and firefox

I have some PDF files that I am adding links to additional PDF files that are located in the same folder on our webserver using Acrobat Pro XI. The links work fine in IE and the other PDF files open up and display well in the IE browser, but the links don't even show up in Chrome and will not open in Firefox. Further, the links in Safari, deliver an error message pop up saying the file could not be opened. If you click OK, the file does open. Also, in Acrobat > Tools > Add or Edit Link, I can change the properties to "Open File" and pick the "Open in New Window" option, but when I save the changes and come back, the option has automatically changed back to "Execute a Menu Item" and of course, the file I'm linking to does not open in a new Window. These files were originally created in Word by another person and the person who converted them to PDF added fillable form fields throughout the document prior to converting to PDF. The links I am adding are being added using Acrobat Pro XI in the PDF file. Should we insert the above-mentioned links in the Word docs prior to converting to PDF to ensure the links work in all browsers, or are these browser issues common to all internal PDF links?
Please help!
Thanks,

Make sure that you are using the Adobe PDF NPAPI viewer for Chrome and Firefox. Both Google Chrome and Mozilla Firefox now have their own default PDF viewers.
To change Chrome's settings use this blog: Change PDF Viewer back to Adobe’s in Google Chrome « Caveat Lector
To change Firefox's settings use this: How to disable the built-in PDF viewer and use another viewer | Firefox Help

Image map links not working in all browsers

Similar Messages

Maybe you are looking for