Remove blue boarders on hotspot image maps?

Hi
Something changed in Safari recently and all my hotspot image maps now have a blue boarder when clicked: www.harveyregan.com
I'm afraid, as a web know-nothing, I just used Dreamweaver to make a site with tables, big jpegs and links/navigation through said hotspots. No Css links. Is there any way out there to correct these lines?
Cheers
DazzaHR

A friend helped me sort it using this code after the first body tag in the coding:
}area {
outline:none;
He did change the map name too I think but I just remember going through each page and copying the above into the code and it worked. Hope that helps

Similar Messages

How to remove "Blue filter" from multiple images in the History Panel

I am using Lightroom 4.3 on Windows 7 pc. I have a collection with approximately 650 images. I was working in the collection and had all the images selected. Somehow I inadvertently must have hit a keyboard shortcut that effected all the images. All of the images are negatively effected and they now look terrible. When I go to the History Panel, all the images have "blue filter" as their most recent entry. If I select one image and go back to the step before the "blue filter" everything looks fine again. My problem is I have this effect in 650 images. When I try and do the change in one image and then synch to the rest, I don't know what box to check to remove this "blue filter" that has been added to all the images. I know I can do them one by one, but with 650 images, it's a long and tedious process. Any way I can remove the "blue filter" from multiple images in a collection?
Thanks,
Matthew Kraus

If you’ve just done it, then an Undo operation would reverse things on all the images, I think. But if it took you a while to see the problem, then you might have done something to cancel the undoability.
Isn’t Blue Filter a built in LR preset that modifies the HSL settings: http://kb2.adobe.com/community/publishing/924/cpsid_92473.html
Open the HSL panel and step back into History on one of the affected images so the effect of the Blue Filter preset has been undone and notice what HSL sliders change, and then if the 650 images DON’T already have any HSL adjustments you should be able to sync JUST the pre-Blue-Filter HSL adjustments (perhaps all zeros) to the other 650 images.

Can someone help me and explain how to affect hotspot/image map with css rules or any other way?

i have problem with hotspot because its position cant be fixed to follow the proportion of the fixed background in different resoulutions.

You can't affect hotspots at all with css. Here are a couple different options you have available though...
You could try using multiple images that scale, linking each individual image, instead of hotspots.
You could also look into "responsive image maps" to get quite a few examples of jquery/javascript run image maps that can be scaled.
Depending on your image, (for example, if you are linking states on a map) you would be able to use SVG paths and link the paths with javascript.

Removing blue border from rollover image in cs6

Have 14 sliced images. But only the images created for rollover have the blue border when I reveiw in the browser. Not sure how to remove them in Dreamweaver CS6
Message was edited by: MrBotis

Just to clarify, to remove borders from linked images, use this in your CSS:
a img }
border:none;
Ouline serves a different purpose. It's usually dotted and displays when the link is in focus, as when people tab through links with their keyboard.
Jon, I know you know this.
Nancy O.

Image Swap and Image Map

Hello,
I am going through some very rudimentary steps of setting up
site.
I have an index page with four simple areas I wish to turn
into hotspots- I created them as slices in Fireworks then as Image
Swap rollovers in DW. Now, when I try to apply a hotspot/image map
to the rollover area, I can get it to link to the appropriate page,
but it seems to have disabled the rollover/image swap attribute.
How do I keep both properties enabled? Any suggestions are
appreciated.

Can you post a link to the page, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Jay S B" <[email protected]> wrote in
message
news:eme8i7$6mf$[email protected]..
> Hello,
>
> I am going through some very rudimentary steps of
setting up site.
>
> I have an index page with four simple areas I wish to
turn into hotspots-
> I
> created them as slices in Fireworks then as Image Swap
rollovers in DW.
> Now,
> when I try to apply a hotspot/image map to the rollover
area, I can get it
> to
> link to the appropriate page, but it seems to have
disabled the
> rollover/image
> swap attribute.
>
> How do I keep both properties enabled? Any suggestions
are appreciated.
>

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">

<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>

<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>

Black border around hotspots in Image map?

I have an image map in my HTML file that contains three
circular hotspots. When they're viewed in a browser, each one has a
black border around it after it's clicked on. I've seen other help
threads on the border problem talk about putting 'border:none" in
the IMG tag, but there's no IMG tag..it's an image map and border
is already set to "0". The code is below:
<map name="satelliteLinks">
<area shape="circle" coords="94,64,41" href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
<area shape="circle" coords="297,51,48" href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
<area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
target="_self" />
</map>
Any suggestions would be very helpful as my deadline to have
this complete is today!!

jgleica wrote:
> I have an image map in my HTML file that contains three
circular hotspots. When
> they're viewed in a browser, each one has a black border
around it after it's
> clicked on. I've seen other help threads on the border
problem talk about
> putting 'border:none" in the IMG tag, but there's no IMG
tag..it's an image map
> and border is already set to "0". The code is below:
> <map name="satelliteLinks">
> <area shape="circle" coords="94,64,41"
> href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
> <area shape="circle" coords="297,51,48"
> href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
> <area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
> target="_self" />
> </map>
>
> Any suggestions would be very helpful as my deadline to
have this complete is
> today!!
>
Thats the way the web works, its an accessibility feature, as
its how
you can tab around the page and see where the links are. Look
at any
website, click the link, and see what happens.
Steve

Remove the dotted line in the image map

dear all, i would want to know how to remove the dotted line
of the image map, for my case, i cannot see the dotted line in IE
but can see the line in firefox, (in my boss computer, he can see
the dotted line in both IE and firefox)
i have try some method such as using the component of
Remove
IE Link Scrubber by PVII. while i find it is not work. could
any one give some suggestion for me to remove the dotted link of
the image map or give me some ways that other than using map.
thx a lot !!!!!!!!

i have find a way to solve the problem of the dotted line in
the image map
e.g. <map name="123" >
<area style="cursor: hand" shape="circle"
coords="223,261,76"
onClick="checkit('m_strategic/m_strategic.cfm')"></map>
the checkit() method is just to redirect the page into other
page only.
however another problem is face, the cursor will not change
to hand when i point to the image map, i have try adding
onMouseMove="this.style.cursor=hand" on the <area> tag
however it don;t work, it only work when i put into the <img>
tag. can any one tell me how to change the mouse cursor in this
situtation??
thx a lot

Image-map hotspot coordinates as variables ?

I am looking to develop an application that will allow operators to interactively define hotspots (clickable zones) on an image. Once done, this image map will be made available to a Web application, for user interaction (each click will be registered with predefined data that depends on the hotspot clicked). The process is to be repeated for a large number of images – that’s why I need an application, rather than having the operators defining the hotspots through the template/HTML editor.
My question: Is there a way to define variables for the hotspot coordinates, so that these coordinates - e.g. a rectangle’s corners - can be captured by the operators (typically, through mouse-pointer positioning) ?
PS: I am not a DreamWeaver developer – but I am looking for the right development platform for this project …

JavaScript. Probably something you could do with some of jQuery's functions. Preferrably you would simply store the data in a database to avoid file writing permission issues which go against Java's security sandbox model...
Mylenium

Non rectangular hotspots for image maps

Hi everyone,
I've been stuck with this problem for a while. I'm trying to make an image map of sectors in a circle. I have the four coordinates of each sector. How do I determine if the the user has clicked inside a particular sector. Most of the examples for image maps I've seen are for rectangular hotspots. Is there a PointInRegion() method or anything like that??
Thanks a million for your help!

Found it out myself!!
There is a contains() method in the Polygon class that tests if a given point is contained within a polygon

Cannot adjust attributes or resize image map hotspots

Can't figure this one out. It has worked fine in all prior
versions of Dreamweaver, but for some reason CS3 isn't liking my
image map hotspots.
I can't select the hotspots in an image map in design view
and adjust their attributes in the properties window, or resize
them in the design view. When I select a hotspot, Dreamweaver
immediately selects "Multiple CSS-P Elements". So if I try to
adjust the size of a hotspot it thinks I'm dragging and dropping
the "Multiple CSS-P Elements" and not the hotspot. I can't edit the
hotspot attributes either because the properties of the hotspot do
not stay open; it flashes to the properties of the "Muliple CSS-P
Elements."
I've tried creating a new document and recreating the image
and hotspots, and they work fine. So it must be the way my image is
coded, nested in divs, the CSS applied to the image, or something
that isn't allowing me to adjust my hotspots.
Any ideas?

Is the image carrying these hotspots within a parent
container that has the
overflow style set by any chance?
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
==================
"Hesadanza" <[email protected]> wrote in
message
news:fmgtdm$o0c$[email protected]..
> Can't figure this one out. It has worked fine in all
prior versions of
> Dreamweaver, but for some reason CS3 isn't liking my
image map hotspots.
>
> I can't select the hotspots in an image map in design
view and adjust
> their
> attributes in the properties window, or resize them in
the design view.
> When I
> select a hotspot, Dreamweaver immediately selects
"Multiple CSS-P
> Elements".
> So if I try to adjust the size of a hotspot it thinks
I'm dragging and
> dropping
> the "Multiple CSS-P Elements" and not the hotspot. I
can't edit the
> hotspot
> attributes either because the properties of the hotspot
do not stay open;
> it
> flashes to the properties of the "Muliple CSS-P
Elements."
>
> I've tried creating a new document and recreating the
image and hotspots,
> and
> they work fine. So it must be the way my image is coded,
nested in divs,
> the
> CSS applied to the image, or something that isn't
allowing me to adjust my
> hotspots.
>
> Any ideas?
>

Global change for hotspots on image map

The image underneath my hotspots needed to be changed in
Photoshop. It's on all of the pages, and when the image was
replaced in Dreamweaver, I noticed that all of the hotspots that I
created manually in Dreamweaver were lost. How can I create
hotspots on just one of the pages and have it apply to all of the
pages? (I'm not using templates, by the way.)
I created slices on the image in Image ready, then exported
images and html, but I'm not sure how to incorporate and organize
everything in Dreamweaver.

jgleica wrote:
> I have an image map in my HTML file that contains three
circular hotspots. When
> they're viewed in a browser, each one has a black border
around it after it's
> clicked on. I've seen other help threads on the border
problem talk about
> putting 'border:none" in the IMG tag, but there's no IMG
tag..it's an image map
> and border is already set to "0". The code is below:
> <map name="satelliteLinks">
> <area shape="circle" coords="94,64,41"
> href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
> <area shape="circle" coords="297,51,48"
> href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
> <area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
> target="_self" />
> </map>
>
> Any suggestions would be very helpful as my deadline to
have this complete is
> today!!
>
Thats the way the web works, its an accessibility feature, as
its how
you can tab around the page and see where the links are. Look
at any
website, click the link, and see what happens.
Steve

Image Maps and Hotspots in a liquid layout?

I'm wondering if anyone is aware of a way to make an image map with hotspots conform to a liquid layout. Since each hotspots has its own coordinates, when the image moves (grows smaller or larger) those hospots no longer coincide with those specified coordinates on the map. I currently have a map with rollovers and clickable links (an image map with hotspots) at a fixed 987 pixels and I'd like to redo it so it's 1920 pixels and liquid. I've got the rest of my site working with a liquid layout, but can't figure out the image map thing and an exhaustive search online has proved unfruitful as have all my attempts. Here's a link to my current liquid site and the page where the image map is. Thanks.
http://christopherdeldridge.com/PhotoWorldMap.php

All things are possible but this one is right on the edge! You *could* do this by adjusting EACH coordinate dynamically but it would be a major beast given the number of hotspots you are using, and the number of coordinate pairs in each.
I wouldn't want to tackle this project.
Perhaps Flash is the answer here?

Can you create an image map hotspot for an external URL in Dreamweaver CS6?

Can you create an image map hotspot for an external URL in Dreamweaver CS6?

Duplicate post: http://forums.adobe.com/thread/1338701?tstart=0

Unable to Create Image Map Hotspot

I've got a GIF image inserted into a RoboHelp HTML 8 topic and am trying to create multiple image map hotspots on the graphic. I successfully created the first hotspot (a rectangular one). When I try to create the second, the crosshair cursor displays, but when I drag with the mouse, it fails to draw a box outline. When I release the mouse, nothing happens.
This behavior is erratic. Sometimes, if I close and reopen the topic, I can draw a hotspot. Other times, if I complete exit and re-launch RoboHelp, I can draw a hotspot. Is this a bug, or is there something I can do to make it work more effectively?

Do you have many other hotspots in this topic?
Do you have other dynamic HTML in this topic (Related Topics, See Also, drop-down text, etc.)?
Have you been performing a lot of Cut/Paste operations prior to experiencing this issue?
Have you ever hit multiple keys in this topic and caused a RH crash?
RH places numerically identified data in the <HEAD> section for dynamic HTML entities, in addition to the related, numerically matched code that resides in the BODY section. At some point, these numeric matches can get corrupted (the old fat fingers causing a crash trick, for example). The only cure to that is to delete all the HEAD and BODY data, and then start over. Sorry.
Good luck,
Leon

Remove blue boarders on hotspot image maps?

Similar Messages

Maybe you are looking for