Cannot remove a blue border around hot spots.

Despite extensive research online, I can't figure out how to remove the ugly blue border that forms around all my image map hotspots.  I applied all the rules CSS of the definition of the borders to 0, but must apply to a link to the actual image, not a hotspot in an image control, because it did not work.  I'm not very good with CSS, but would like to know exactly what I should add, and exactly where I need to add, to remove the border from ALL of my hot spots throughout my site.  If anyone can help, I would appreciate it really - it drives me crazy.  The more detailed (aka. obvious) and "dumbed down" explanation would be well received!

Thanks for the suggestions everyone.  I found another reference online (https://discussions.apple.com/thread/3268731?start=0&tstart=0) who suggested to include the 'space' in the CSS.

So yes, Murray similar to what you suggested, I added

map area {}

outline: none;

}

and it worked!  Apparently the contours are visible on Safari (?) because they were not show on Internet Explorer or Google Chrome, but now the problem is solved!

Tags: Dreamweaver

Similar Questions

  • I can't get rid of the blue border around my work after its publication on the web

    I can't get rid of the blue border around my work after its publication on the web

    Lol fireworks will not help you with this. It is a CSS problem.  Try to add below:

    Nancy O.

  • How can I get rid of a blue border around a picture

    Hey guys,.

    I have an image on my page that I use as a link, but it has a blue border around it. How can I get rid of this border

    Add "an img {border: none ;}}. (without the quotes) to your style sheet.

  • Why some effects have a blue border around them?

    Just curious... Why do some audio & video transitions have a blue box around them? Please see screenshot below.

    Thank you

    Scott

    Screen_Shot_2015-10-10_at_3_55_18_PM.png

    Because they are your transitions by default when you use the keyboard shortcut to apply a default transition.

    MtD

  • Light blue border around the images


    When I put a picture up on my site it came with a light blue border which was placed a few pixels of the image. I really like the look. When I changed the image now has a black border that run at the edge of the image. Does anyone know how to get back the blue border?

    However, I want to warn you that this class will your image right... so if you just want to use the part of the border of it:

    Create another class and add it to your css
    {img.ilovethisborder}
    padding: 3px;
    margin: 5px;
    border: 1px solid # 56919;
    }
    and replace the class = 'float right' with class = "ilovethisborder".

  • Remove a white border around the Extension I build

    Hello

    I have a CS Extension that I build, and while he was working on the UI, I noticed that there is a white line around the extension, and I can't get rid of. I have attached a screenshot showing an example of this white border.

    ShowingWhiteLineAroundExtension.png

    See under the PUBLISH button is this white border. I put the height and width in the tag of my app in 100%, but this does not remove the border. Anyone know what could be the problem and how get rid of?

    Stephen

    Yes. There are a couple of pixels arounf the swf file that you cannot do much about.

    As the background color of your extension the color of the Panel game, and nobody will notice...

    Substances

  • Remove a white border around TOC

    Hello all, I put a black background for the HTML page, controls reading and OCD. Still Captivate draws a white line border 1px around the table of contents. Is it possible to remove this?

    Out of curiosity, I ask which version Localisized you use?

    -Ashwin

  • Help! Cannot remove a permanent race around all forms

    I am very new to illustrator and on my recent project, an accident vascular cerebral.25 permanent unit appeared around all my forms. I have tried everything to remove the trait and nothing has worked. When I select the objects, said me that there is no set of active lines and nothing under appearances. I have attached a screenshot of active to expose my problem. The pink outline is the race I can't get rid of, any help would be greatly appreciated, I am running OSX CS6.Screen Shot 2013-03-16 at 7.29.29 PM.png

    There is a graphic Style applied to the layer. In the layers panel, select the layer and remove the graphic Style.

  • How to remove the unwanted border around blocks of text copied and pasted

    In creating a glossary, we copied and pasted text blocks of some later entries in the glossary. Now we're getting borders around these blocks of text copied - we do not want. Original text blocks show no borders.

    How get rid of these borders?

    Thank you in advance, David Allen

    Select the images and the race set to 0 and then deselect everything and make sure that you do not have a default line for new executives.

  • Images with links display a blue border around them in Explorer

    Here is the link:

    http://www.canyons.edu/faculty/golbertm/index.html

    Twitter image with a link to his account is what I am referring.  Very similar to FireFox.  Explore 8 not so much.  I have the same problem on another site, I built.  Resolution would be very appreciated.

    Thank you.

    Elizabeth

    Add the following line anywhere in the GolbertSyle.css:

    an img {border: none ;}}

  • blue border appearing around all inserted images

    I'm inserting images png (make an image on a transparent background that extends beyond the image).  When I insert images in dreamweaver, they appear with a blue border around the image automatically.  He just started this.  I have inserted images similar may without problem before.

    Thanks for the response and help; I'm always settle with dreamweaver.

    It won't work if you add this to your css, internally or externally. That's leaving aside the border on each image in

    IMG {}

    border: none;

    }

  • Blue border light to return the text

    I rode the text around a PNG image. I placed inside the text box and set the margins. However when she spotted in the browser, there is always a light blue border around the PNG. I tried the other PNGs and placed in various areas of text with the same result. When the PNG is not placed in a text box, it is not a boundary when I preview the it.

    How can I keep the PNG with text and without the border build-up?

    Alejandra Hello,

    This is because you must have used a system font in the text box.

    When you use system font Muse converts text into an image after exporting so it converting the text full box in which .png is placed

    Change you the font system for a few other fonts , it will solve the problem.

    Hope that works!

    Thank you

    Prabhakar Kumar

  • Related, appearing with a blue border images

    I just added some links to images on my home page which are now appearing with a blue border around them. When the link is clicked, the border turns to the violet.

    Why is this happening?

    Thank you!

    Hello

    This is the default value of the browser for related images.

    You can add this to your CSS to remove all links from the image of the border.

    an img {}
    border: none;
    }

    Take care
    Tim

    "BigMusicGeek" wrote in message
    News:frk5do$LL6$1@forums. Macromedia.com...
    > I just added some links to images on my home page that are now
    > appearing with a blue border around them. When the link is clicked, the
    > border turns to purple.
    >
    > Why what is happening?
    >
    > Thank you!

  • HP DVD Play - Vista Media Center: blue border

    Hi, I have a HP Slimline s3330f media center (VMC) vista, running HP DVD Play (v2.42 build 5820).  He plays the Blu - ray.  I connected it to the TV via HDMI and I have audio digital (S/PDIF) goes directly from s3330f to my digital receiver.

    Discs Blu - ray play well as VMC when I select the item 'HP DVD Play' to the Ribbon of VMC.  The problem is that there is a blue border around the movie.  It's as if the movie does not play in full screen (it has a blue border of 2 ").  Now, I know that this blue border is the VMC screen in the background.  Also, as a test, I stopped VMC and launched HP DVD Play directly to play a blu - ray movie - it works perfectly.

    No idea how to get rid of the blue border (in other words, do read HP use DVD full screen when VMC is running)?

    Notes:

    Installation VMC - to use a big TV flat screen

    -VMC is configured as 1080i

    -nvidia drivers are installed at 1920 x 1080 resolution

    nvidia drivers - are configured to use HDTV 1080i (and I also tried 1080 p, 1080 p/24, same result).

    OK, I seem to have solved the problem.  However, I made a few changes and I don't know exactly what the change really solved the problem.  Here's what I did:

    -upgrade to the latest Nvidia drivers

    -deleted the Realtek audio drivers and reverted back to the default value of Microsoft HD Audio drivers (this, BTW, although DD 5.1 to work via S/PDIF)

    -implementation of the registry changes (see here: http://thegreenbutton.com/forums/thread/278165.aspx )

    -re-installed HP DVD Play (latest version)

    I suspect it's the registry changes that solved the problem.

  • blue border with netflix - Windows Media Center only

    Live TV works fine, but when I play videos in WMC Netflix there is a blue border around the image.  The blue is in fact seems to be WMC menu screen, and the image is not expanding to fill the screen.

    Already checked and corresponding to the resolution (1080 p 60 hz) between the windows installation and installed WMC.
    NVIDIA GT630
    Any help appreciated.
    Thank you

    Hi Homeeey,

    I suggest you to refer to the links and check if it helps.

    How can I change the appearance of Windows Media Center on my screen? (Applies to Windows Vista)

    Optimize your display for Windows Media Center

    Limits of support for Netflix in Windows Vista Media Center

    Please post back with the results and we will be happy to help you further.

Maybe you are looking for