How do i get rid of a blue border around an image

Hey guys,
I have an image on my page that i am using as a link but it has a blue border around it. How do i get rid of this border

Add "a img { border: none; }" (without the quotes) to your stylesheet.

Similar Messages

How do I get rid of the Blue line around an image that is a link that only happens after a click?

This is not the standard link problem. I have already put in: a img { border : none; }
That took care of not having a blue border around the image all the time.
My problem is that when I actually click on the image, it flashes with a red outline then turns bright blue and stays there untill I click off the image. Then it turns normal.
I have gone through the CSS and put (border: none) on everything I can think of. These images are in the sidebar, stacked vertically. Each is a link to a page and they are all doing the same thing.
I hope someone can help me solve this problem.
Thanks, Alice

Try:
a {
outline: 0;

How can I get rid of the blue border in Spry collapsible menu

How can I get rid of the blue border that displays in Safari when I click on the Spry collapsible menu? Also want to get rid of dotted border that displays in Firefox. Any suggestions? Thanks.

Please take a look here http://webaim.org/blog/plague-of-outline-0/
If, after reading the above, you still want the outline removed the add the following style rule to your document.
ul.MenuBarHorizontal a {
outline: none;

I can't get rid of this blue border around my artwork after it's published to the web

I can't get rid of this blue border around my artwork after it's published to the web

That did not work.
Here's where I put it. The blue bordeer still show up around the large rectangular image.
<!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=utf-8" />
<title>Ray Bros., Inc.</title>
<style type="text/css">
@import url("PopupMenuC.css");
@import url("PopupMenuB.css");
@import url("PopupMenu1.css");
body {
          margin-left: 00px;
          margin-top: 00px;
          margin-right: 00px;
          margin-bottom: 00px;
          text-align: center;
a img {border:none}
.Arial {
          font-family: Arial, Helvetica, sans-serif;
.Arial {
          font-size: 10px;
.Arial {
          font-size: 12px;
.Arial .Arial {
          font-size: 14px;
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
</head>
<body>
<table width="1080" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="279" align="center" valign="top"><div id="FWTableContainer1818523225"> <img name="PopupMenuC" src="PopupMenuC.jpg" width="1082" height="279" id="PopupMenuC" usemap="#m_PopupMenuC" alt="" />
      <map name="m_PopupMenuC" id="m_PopupMenuC">
        <area shape="rect" coords="899,240,1064,265" href="index-new.html" alt="" />
        <area shape="rect" coords="679,240,844,265" href="index-new.html" alt="" />
        <area shape="rect" coords="460,240,625,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0525123758_0', 'MMMenu0525123758_0',485,265,'PopupMenuC');" />
        <area shape="rect" coords="241,240,406,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0524224504_0', 'MMMenu0524224504_0',262,265,'PopupMenuC');" />
        <area shape="rect" coords="22,240,187,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0524221503_1', 'MMMenu0524221503_1',46,265,'PopupMenuC');" />
      </map>
      <div id="MMMenuContainer0525123758_0">
        <div id="MMMenu0525123758_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0525123758_0_Item_0" class="MMMIFVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-NS100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_1" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-M100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_2" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_3" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> Color Charts </a> </div>
      </div>
      <div id="MMMenuContainer0524224504_0">
        <div id="MMMenu0524224504_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524224504_0_Item_0" class="MMMIFVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI-5V </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_1" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI Low Profile AGG </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_2" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> Color Charts </a> </div>
      </div>
      <div id="MMMenuContainer0524221503_1">
        <div id="MMMenu0524221503_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524221503_1_Item_0" class="MMMIFVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-MT240 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_1" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-200 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_2" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-175 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_3" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> R-Panel </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_4" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> Color Charts </a> </div>
      </div>
    </div></td>
</tr>
<tr>
    <td valign="top"><p><br />
    </p></td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td>...</td>
</tr>
<tr>
    <td> </td>
</tr>
</table>
</body>
</html>

How Do I get rid of a blue box around my picture "links"

Hi,
I had troubles finding out how to make a menu bar, so I went: insert>image objects> Image Placeholder, I uploaded a button I made at a website.. the image works fine, but somehow I have a blue bar around the image... How do i solve this? Also, how do you insert an interactive image (a button that links to another page on my website?
Thanks,
Chris

In your CSS add:
a img {
border: none;
and the blue box will go away.
Did you read that post yet? The purple is just the default color for a visited link, but that code in your CSS will remove all borders from the images with links.

How do I get rid of the "hasFocus" border around my Accordion?

I have heavily customized the design of my Accordion so that
there are no borders or background colors in it. My purpose is to
make a list of checkboxes that each have a child list of checkboxes
(inside each AccordionPanelContent) that only appear when you check
the parent checkbox.
So borders are unsightly for me. But how do I get rid of that
border which appears around the whole Accordion as soon as I click
on anything inside it? It seems that only checking one of the
"child" checkboxes in the AccordionPanelContent will remove the
focus/border from around the whole Accordion. I would rather the
border never appear at all, however.

The dotted border is the focus ring the browser places around
the Accordion when it has keyboard focus. You can either hide it by
adding:
.Accordion {
outline: none
to your stylesheet, or if you don't want keyboard navigation,
just remove the tabindex off of the div that has the "Accordion"
class on it.
--== Kin ==--

When writing HTML/CSS, how do I get ride of the unwanted border around rollovers?

This only happens when I view my website with the Firefox browser. It doesn't show in Safari etc...
I have a series of buttons using javascript rollover effect. Why is there an obnoxious border around them. How can I get rid of the border. Through CSS? HTML?
thank you

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The 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.

How can i get rid of a blue screen background on my MacBook Pro

how can i get rid of a blue screen background on my MacBook Pro

Hi Heidi,
Do tou mean it only boors to a blue screnn???
If 10.7.0 or later...
Bootup holding CMD+r, or the Option/alt key to boot from the Restore partition & use Disk Utility from there to Repair the Disk, then Repair Permissions.
If that doesn't help Reinstall the OS.

How do I get rid of the blue box on my iCal on my iMac?

When I add an event in iCal, using my iMac, it is highlighted within a blue box on my iMac. When I add an event using my iPhone or iPad the blue box does not show up on my iMac. How do i get rid of the blue box on my iMac?

To take a screen shot on your mac: http://www.apple.com/findouthow/mac/#capturescreen
And then when you reply to a post you click the camera button at the top of the post window to attach an image.
From your description it sounds like you are adding an event to iCal and it is syncing (which is what its supposed to do). If you see something in iCal on the Mac and you don't want it there, click on it once and then go to Edit > Delete.
If you still can't delete that event:
1. First make an iCal backup: Click on each calendar on the left hand side of iCal one at a time highlighting it's name and then going to File Export > Export and saving the resulting calendar file to a logical location for safekeeping.
2. Go to iCal > Quit iCal
3. Remove the following to the trash and restart your computer:
Home > Library > Caches > com.apple.ical
Home > Library > Calendars > Calendar Cache, Cache, Cache 1, 2, 3, etc. (Do not remove Sync Cache or Theme Cache if present)
--- NOTE: To get to "Home > Library" in Lion: Click anywhere on the desktop and then click on the "Go" menu at the top of the computer screen while holding down the "option" key on the keyboard. You will see "Library" in the menu.
4. Launch iCal and test.
If the issue persists:
1. Go to iCal > Quit iCal
2. Remove the following to the trash and restart your computer:
Home > Library > Caches > com.apple.ical
Home > Library > Calendars > Calendar Cache, Cache, Cache 1, 2, 3, etc. (Do not remove Sync Cache or Theme Cache if present)
Home > Library > Preferences > com.apple.ical (There may be more than one of these. Remove them all.)
--- NOTE: Removing these files may remove any shared (CalDAV) calendars you may have access to. You will have to re-add those calendars to iCal > Preferences > Accounts.
3. Launch iCal and test.

In Mail, how do I get rid of the blue&white button that appears extreme right of Mail addressing pane (To)? What's its function?

In Mail, how do I get rid of the blue&white button that appears extreme right of the addressing pane (To)? What's its function?

malmaloney wrote:
Thanks Meg. Trouble is it disrupts emails addresses being keyed in - that is, not from the Contacts book...
How so? You trying to type over it? If you keep typing the addresses drop below to next line. I have tried and tried to make it disrupt anything without success.

How to get rid of the black border around the artboard

Hopefully my last question for tonight.
I need to get rid of the black border around the artboard. The two images show my drawing lined up with the art board and then inside the artboard. The dark gray is not the artboard.
As you see, the artboard has a black border. I need to get rid of it. It shows up in my project when my color key is green. The black won't go to transparent.
So how-to get rid of the border? Thanks
***Update***
I figured it out. View > Hide Artboards. Maybe this will help someone. Doesn't change the fact my spider looks like a tick:)

Doesn't change the fact my spider looks like a tick:)
Try to get hold of a real spider and take a look at its anatomy, specially where the legs sprout from :-)

How do I get rid of the blue text that says no savings found?

on every site I use these random words are in light blue and if i roll the mouse over it a small box pops up and says no savings found, in the lower right corner says adfull. Is this a firefox thing ( it doesn't happen on IE) if so how do I get rid of it? It is annoying especially appearing on my game site
I use everyday.

'''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
''(If you're not using it, switch to the Default theme.)''
* You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
''Once you get the pop-up, just select "'Start in Safe Mode"''
'''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshooting extensions and themes]] article for that.
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
''When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.''

How do I get rid of the blue "downloading the latest applications" bar which won't go away even after uninstalling and reinstalling Firefox?

Can't get rid of the blue "downloading the latest applications" bar that seems to be just hanging and won't go away. I uninstalled and reinstalled Firefox, but the bar is still there after 2 days. I updated something (can't remember what!) on I.E., and it had the same blue bar, but it had a box I could x out of so it went away on I.E. I don't know why the blue bar is there on Firefox, as I did the update while on I.E.
== This happened ==
Every time Firefox opened
== I updated an application while on Internet Explorer.

Annette,
#In the menu bar, at the top of the Firefox window, Go to Tools -> Add-ons -> Extensions.
# Locate ''each ''of the following extensions by name and click the disable button
#Restart Firefox as prompted and see if the undesired toolbar has been removed.
#The extensions to disable are: '''Crawler Toolbar''', '''MP3 Rocket Toolbar''', '''MSN Toolbar''', '''Search Helper Extension'''
If you don't need some / all of those toolbars, consider leaving them disabled.
You can probably remove these toolbars permanently from Start -> Control Panel -> Add/Remove Programs.

How do I get rid of jagged, pixelated halo around type in Dreamweaver?

Dear Dreamweaver Forum,
I am studying the essential series of video tutorials on Dreamweaver CS3 via Lynda.com.
I am also currently, slowly but surely, putting together a website to function as a resume, cover letter and portfolio all in one.
I am currently in the middle of creating headings and images that will function as rollover buttons.
I currently have a problem with a jagged or pixilated halo appearing around type I'm creating in Illustrator CS3 and placing into Dreamweaver CS3.
The process I’m using so far is the following:
In Dreamweaver CS3, I’m using div tags. I will place a div tag on a page. I will then move it to the desired location on the page and size it to my needs.
I then take .gif file of type I created in Illustrator CS3 and drag it from the files panel and to the web page I’m working on. When I do this, I notice a halo around the type (please see inserted image below).
How do I get rid of this jagged or pixilated halo?
I created the type in Illustrator CS3 and then go File > Save for Web and Devices. In the 4-up dialog box that appears, I then save the type as a .gif file.
Please see images below:
Thanks for your help!

How do I get rid of this jagged or pixilated halo?
Don't use transparency! GIF and 8bit PNG only allow one transparent color, resulting in frizzled edges with antialiased content. If you know the type goes on a black background, save it with a black background....
Mylenium

How do I get rid of the white border that prints on my pictures?

Lightroom 2 - Windows 7 64-bit - Nikon D700
I have just downloaded my Lightroom software to my new computer which runs Windows 7. I had lightroom on my old Vista computer and just had to change the border size to remove it from my pictures, however, for some reason it will not let me remove it anymore. When I try to adjust the border size it states it cannot be smaller than .2. Therefore, I have a white border around all my pictures I am printing. HELP! How do I get rid of this border. Thank you so much for the help.

Make sure you select a borderless papersize in the page setup. That will allow Lightroom to set the margins to zero. Otherwise it sets it to the minumum value the printer tells Lightroom it can print at at the current print size. Your printer and driver need to support borderless printing for this to work.

How do i get rid of a blue border around an image

Similar Messages

Maybe you are looking for