Ho do you remove Border on Image Map Links in Safari
Hi,
I am having a problem with Safari 5.1 with an image map. I designed an Image Map for my Website in Fireworks with three hotspots.
When you click on the hotspot in Safari to link to the page a border appears around the hotspot. It doesn't happen in any other browser.
Anyone have an idea how to get around this?
Web address is: http://79.170.44.76/agrisearch-site.org/
Well I found out! Here yer go! Paste the code in bold in the same area as the example and any Dreamweaver CS5.5 Hot Spots you create, this will get rid of the Blue Border when the links are clicked on in Safari. You would think either Apple or Adobe would sort this? Make life alot easier?
<html>
<head>
<title>"Trailer Music"</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
margin-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
*:focus
outline: none;
outline-width: 0;
</style>
</style>
</head>
<body bgcolor="#FFFFFF">
<!-- Save for Web Slices (Untitled-1 - Slices: 01, 02, 03, 04) -->
<table id="Table_01" width="742" height="578" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://www.donhughes-music.com/mailtrailers/images/index_01.jpg" alt="image1" width="361" height="298" border="0"></td>
<td><img src="http://www.donhughes-music.com/mailtrailers/images/index_02.jpg" alt="dhm link" width="381" height="298" border="0" usemap="#click"></td>
</tr>
<tr>
<td>
<img src="http://www.donhughes-music.com/mailtrailers/images/index_03.jpg" alt="" width="361" height="280" border="0" usemap="#Map"></td>
<td><a href="http://trailers.donhughes-music.com"><img src="http://www.donhughes-music.com/mailtrailers/images/index_04.jpg" alt="image4" width="381" height="280" border="0"></a></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="click">
<area shape="rect" coords="51,135,260,185" href="http://trailers.donhughes-music.com" target="_blank" usemap="#click" border="0">
</map>
<map name="Map">
<area shape="rect" coords="12,140,276,198" href="http://www.donhughes-music.com" target="_self" alt="DHM Link">
</map>
</body>
</html>
Similar Messages
-
Removing border around image with link
I know this is really basic but I can't find anywhere how to
avoid having a purple border around a linked image. Help
please!Nope. Not if you want valid XHTML.
CSS does the trick -
a img { border:none; }
*and* you don't have to add it to each individual <img>
tag.
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
==================
"Dan.Smith" <[email protected]> wrote in
message
news:gn22if$i6k$[email protected]..
> border="0"
>
> <img src="myImage.jpg" alt="a" width="22" height="22"
border="0" />
>
> --
> Dan Smith > adobe community expert
> Flash Helps >
http://www.smithmediafusion.com/blog/?cat=11
> twitter:
http://twitter.com/dmode
> -
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">
> <!--
> .style42 {
> color: #000000;
> font-weight: bold;
> }
> .style29 {
> color: #FFFFFF;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 18px;
> font-weight: bold;
> }
> -->
> </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>
>
> -
Image Maps Linked to Files in External Projects
Hi,
I'm trying to insert an image map into project A that links
to a topic in project B. Both projects are merged into the same
parent project. I want the linked topic to appear in a popup
window. I can make this work if the topic to which I'm linking is
within the same project...just not when it's in another project.
Any ideas?
Thanks!
AmyHi Amy and welcome to the RH community.
That is the way that image maps work. If you are using an
image map, the linked topic must reside inside the same project.
You could link to an external file by clicking the down arrow to
the left of the "Link To" field and selecting file, but this does
not allow you to display in a popup. Also if you are using CHM
files, the selected file would have to be the CHM which would open
with the default topic. If you were using Webhelp you could select
the individual HTM file. -
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. -
Image map + link in background image
Is it possible to put an image map and link to a background
image of a table?no but you can put a 1px by 1 x blank transparent image over
the background image and add an image map to that -
Image Map Linked to Text w/in Same Topic (RoboHelp 10)
I would like to create an image map using certain text that resides in the same topic as the image. I do not want the user to see the text when viewing online; I only want them to see the pop-up when they click on the mapped image. I do, however, want the text to print if the user chooses to do so. I've been playing around with bookmarks and conditional flags but can't seem to get it to function properly. Can what I'm trying to do be done?
I doubt this is achievable, certainly not within the Rh interface. You could link the image to a popup but it would have the content of another topic set up for the purpose. As such it would not be included when you print the topic with the image.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge -
Problem creating several image maps (linking to different pdf files) RoboHelp 8
Hi,
I have a problem creating several image map hotspots (that link to different .pdf files), from the same image using RoboHelp 8 HTML (WebHelp project).
After compiling, the first image map hotspot created, opens the .pdf file correctly. Unfortunately, when clicking on the other image hotspots, I get an error " Cannot find file...<file path>... Make sure path or Internet address is correct".
All the pdf documents are located in the same folder within the project.
Can anyone help?Have you added the target files as baggage?
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge -
AS3 Image Map Linking Issue - No compiler errors
Hello,
I've made an image map in Flash using AS3, however it does not seem to be working properly.
The links only work in a strange succession. In order to click all the links you must first click the last link followed by the first link, then the second link. After that the image map behaves as it is supposed to. I'm not sure why this is happening.
It complies without error and aside from the little quirk mentioned above, it works beautifully.
I've checked and double checked the AS, even copied and pasted some code from one button to another to see if it would make a difference, but to no avail.
I am using the code listed below:
[quote]
button1.addEventListener(MouseEvent.CLICK, callLink1);
function callLink1 (event: MouseEvent) :void {
var url:String = ("http://www.google.com");
var request:URLRequest = new URLRequest (url);
try
navigateToURL (request, "_parent");
catch (e:Error) {
trace ("Error occurred!");
[/quote]
Any and all help would be much appreciated, thank you!I'd second Dan's last point, there is really not enough information here to help identify the actual problem.
What I would suggest is that you put everything into one event handler so perhaps that might simplify working on it..something like:
button1.addEventListener(MouseEvent.CLICK, callLink);
button2.addEventListener(MouseEvent.CLICK, callLink);
button3.addEventListener(MouseEvent.CLICK, callLink);
function callLink(event: MouseEvent):void {
var url:String;
switch (event.target) {
case button1 :
url="http://www.google.com";
break;
case button2 :
url="http://www.yahoo.com";
break;
case button3 :
url="http://forums.adobe.com/thread/417263?tstart=0";
break;
default :
url="http://www.adobe.com";
break;
var request:URLRequest = new URLRequest (url);
try {
navigateToURL(request, "_parent");
} catch (e:Error) {
trace("Error occurred!");
If you have everything set up in one listener function like that it may be easier to debug and maintain. -
How do I remove border surrounding image?
I am old as dirt and very new to Photoshop CS3. Don't ask me why (I just like to learn), I want to try making animations. I have found several online tutorials and just completed my first animation (a rocket being launched). I am working on another one, but couldn't find the walkman gif used in the tutorial. I Googled and found this image, but don't know how to remove the border surrounding him? Lucie
Click on the animated frames panel to make it active. This is going to be needed.
For frame animation the easiest way is to create a new layer for each frame. So you can copy/paste to the next frame for any repetitive pixels needed.
When you are finished with all of your layers in the animations panel is a small icon in the upper right hand corner.
Click that icon to bring up the menu
Clear all frames
convert layers to frames
Once you see each layer in their perspective frame, you are ready to generate an animated gif.
Before you do make sure repeat frame is not enabled as it will create a funky animation.
To create an animate gif use File>Save For Web
Preview the gif in a browser to verify it is animating correctly.
Once of things that can be repeated on each layer is the color of your background\
To copy a layer to a new layer use ctrl-j on windows or cmd-j on mac.
At any time you can clear the frames do your work on the layer then convert the layers to frames and repeat this process as many times as needed.
If your canvas is not large enough , expand it - Image>Canvas Size -
Can I use an Image Map to link to an SLP
I am working on a project starting with the Desktop Catalog with Homepage layout, and have created 4 additional generic SLPs. I added an image to the homepage slp and would like to use an image map to link to the 4 generic slps that I created. But I get an error when running the site and clicking on any of the image map links. Clicking on the link opens a new window with a "This program cannot display the webpage". At times I have gotten a script error when clicking the link rather than the This program... message, but I cant seem to replicate that at the moment.
I am able to do a simple hyperlink on the image to an slp, but this, of course, only gives me the ability to link to one of my additional pages....
Any ideas?
JohnI did finally figure this out... it is possible to map to an slp file from an image map... the trick has to do with how slp files work in RH,and makes sense, sort of, once I got it to work. When you generate html5, htm files are generated fromthe slps.
When you link to an slp file in a regular hyperlink, during the generation of the site, RH translates the slp refernce to the htm file reference that is generated from the slp. But for some reason, i.e., a bug IMHO, with an image map, when you link to an slp file, RH does not convert this slp reference to the .htm reference (as it does with normal, non-image map hyperlinks.
So the way to get this to work, is when you create the image map link, put in the htm file name that will be created during generation.
John -
Hi there,
I'm trying to create a simple image map in Dreamweaver and haven't been able to make it work. Full disclosure, I only used the program for the first time today and have little web design background. I tried following this tutorial: Dreamweaver Help | Image maps but it didn't help unfortunately.
When I select the image in the document window, I don't see any of the hot spot creator buttons. When I select the code for the image in the code window, they appear, but I cannot select them to create the hotspots. I assume there is something very basic that I'm not doing, but it wasn't explained in the tutorial.
Any help would be appreciated!
(note property inspector when image selected in document window)
(note property inspector when image selected in code window)Switch to Design View. You can't edit image maps in Live View.
Nancy O. -
Can a down-level stage use an image map?
Just wondering if I can make a part of my down-level static image clickable using an image map?
I did finally figure this out... it is possible to map to an slp file from an image map... the trick has to do with how slp files work in RH,and makes sense, sort of, once I got it to work. When you generate html5, htm files are generated fromthe slps.
When you link to an slp file in a regular hyperlink, during the generation of the site, RH translates the slp refernce to the htm file reference that is generated from the slp. But for some reason, i.e., a bug IMHO, with an image map, when you link to an slp file, RH does not convert this slp reference to the .htm reference (as it does with normal, non-image map hyperlinks.
So the way to get this to work, is when you create the image map link, put in the htm file name that will be created during generation.
John -
Swapping images that have image maps
Using RoboHelp 8, I'm embedding images and adding half a dozen image map shapes with links to distant topics in my help project. Every time I modify an image, it seems I have to swap it out with the image I put in previously (unlike, say, in InDesign, where you can create an automatically updating link to an image). And every time I delete the image, the maps disappear and need to be re-created.
1. Is there a way to link images in RoboHelp to avoid the manual delete and replacement?
2. Is there a way to store image maps so they needn't be re-created every time their underlying image is replaced?
Thanks much.Rick,
Sorry, some weirdness happened and my last post got posted before I finished.
Here's a more detailed scenario.
I open Microsoft Visio and create SampleImage. I save it as a gif to my RoboDrawings folder. Now, in the RoboDrawings folder, there is an image called SampleImage.gif.
I quit Microsoft Visio.
I open RoboHelp and create a project in which a topic is called SampleTopic.
I insert an image, go to the RoboDrawings folder and select SampleImage.gif.
I create a few image maps linking to various other topics.
I save everything, generate html help and close down RoboHelp.
Now I open Microsoft Visio again, open SampleImage and change it drastically without resizing anything.
I save my Visio drawing under the same name, perform a Save As and go to the RoboDrawings folder to save the image as SampleImage.gif. I get a message warning me a file of the same name exists, and I choose to overwrite it, eliminating the old file.
I shut down Visio.
I open RoboHelp, view SampleTopic and the old image is there with image maps in place. I generate html help again, and the old image is still there with its maps in place.
Without deleting the old image in the SampleTopic and manually inserting the new one (same name, though), how do I get RoboHelp to acknowledge that the image has been updated? -
Image maps not working in signatures (MS Exchange 2010)
I would like to know how to get the image maps links work in OWA 2010, it is working in all other email clients except OWA 2010
Hi,
This issue seems related to S/MIME control and IE.
Please perofrm latest updates for IE and S/MIME. More details as below:
1. OWA -> Options -> Settings -> S/MIME
2. If any security warnings appear, click Yes for the control to download and install.
Also try to add OWA web site into Compatibility View in IE.
Thanks
Mavis Huang
TechNet Community Support
Maybe you are looking for
-
Sun Directory Server 5.2 installation problem on AIX 5.2
Hi, Am newbie to sun ds5.2 and I got stuck during installation for last 2 days. Could you pls guide to resolve this issue. Please error msg below Checking disk space... The following items for the product Directory Server will be installed: Product:
-
Hello Friends, I am facing a problem as follows: In an existing application I am trying to modify some code: there is a group which contains two tables the visibility of both tables are set to context element node also called visibility: and its elem
-
Name of attachment PFD form, while sending it by email?
after displaying PDf form on screen (preview) , we send it by EMAIL from ICON on screen, the email is creating ,but the name of the attachment PDF file, is internal sap name. we want to control this name, and make it our name (with some meaning) how
-
How the Feature Variables Table BEFM_FV get populated in CRM Billing Eng?
Hello Expert, Can you please tell me how the Feature Variables Table BEFM_FV get populated in CRM Billing Enge(BEFN)? We need to change the value of CANCEL_COPY_TYPE variable there. Please help. - FInd out the way to maintain this table from Billing
-
Why do I get a "restricted access" message?
I created a drop down menu which pointed selection to an iframe. All is well when I preview it in my Firefox browser, but when the files are uploaded to the internet server, the drop down menu selections give a "restricted access" message. Does anyon