Strange blue frames around image rollovers in Firefox
I get the blue frames around graphics reversal in Firefox, but not IE or Netscape usually once they were clicked. One stay, others disappear. Any ideas what is the cause? All are jpg files and seek to be lining up properly.I know a css patch that may help, although usually I see the same thing in IE so I don't know if this is the solution for you.
Try to add to your css:
IMG {}
border: none;
}
a {}
outline-style: none;
}
Browsers adds by default outlines / borders. If you see this when you click on the images, you can look in the visited css pseudo classes if you have them set to the site.
Let us know if this does not solve your problem, if someone can help you troubleshoot further.
Tags: Dreamweaver
Similar Questions
-
Strange blue and yellow image in Camera Raw
Whenever I send a picture to the top of the bridge in camera raw, rather than see the image I see something resembling the people of sticker U of Michigan have on the back of their cars. I use a new laptop (Asus) and with the first few images that I have dealt with, I don't have this problem. I have no idea why this is happening and how to fix it. A screenshot of what I see is attached. Thank you!
Hi shannonl,
Greetings!
Please disable the use of the GPU in Bridge
- Go to Edition > Camera raw preferences
- Uncheck the graphic processor utilization
Let us know if this helps
~ Assani
-
Images flown in Dreamweaver CS6 display blue frame in Internet Explorer...
Hello
I created a few buttons very easy flipping in Photoshop and arranged them in Dreamweaver images flown over to use as a navigation bar.
They appear correct in all browsers except Internet Explorer - they appear with a blue frame around? The resident of the table is set to 0...
My Dreamweaver knowledge is very limited so apologies if there is a very simple solution to my problem :-)
Thanks a lot for your suggestions.
Kim
Try to put the border = '0' in your img tag. Would like to see a sample of the html content.
-
Hello
I use a PC (not a MAC). The document that I have a problem with emerged on a Word Document. I opened it using Adobe Acrobat Reader DC.
When I tried to search for a Word, it worked. He scored the first word matching my search. As I pressed Enter to get results, he built a clear blue frame around large parts of the text presenting the result somewhere in the framework:
When more pressing enter, the frame moves to the right or expands, but no other match is found. I tried to open the same file with Foxit pdf and here the function works correctly (marking all the matches one by one).
Unfortunately, I can't tell all my customers to use Foxit. They all use Adobe and are complained about the search function.
The size of the document is 9,32 MB and contains 324 pages.
Thanks in advance for your help.
Yours,
Ula
Hi Sarah,.
We've fixed the problem. Where a person has the same question:
When you create a pdf file in Word (by "save under" and select 'PDF (*.pdf)' as the type of document)), you can click on the 'Options' button... "When you want to have a tree structure of your pdf file.
In the 'Options' dialog box, select "Create bookmarks to help: ' (I so always use 'Headings') and UNCHECK"Document structure for accessibility tags '.
Then you will have problems with the whitin your structured pdf search function.
It's a problem with Word.
Thanks for your time!
Kind regards
Ula
-
Blue line around the picture of the link
Internet Explorer displays a blue frame around my photo links, no other browser does not, how can I get rid of him?
Add this in your CSS:
an img {border: none ;}}
-
Lack of blue frame, which shows around field when editing.
Often, when the fields are close together, the blue frame that displays the field goes through selection nearby fields. I have often wished there was a way to disable this option. Well, I got my wish. Now I see black dots around the field. I don't know what I did or how to activate this feature. Using LiveCycle 9.
Hello:
The feature is selected/off voltage using the:
See the editor-online or
Good luck!
Stephen
-
I use Photoshop CC and have just watched a tutorial by Andy Anderson about bosses. In the tutorial Andy put a frame around a picture using the fill on the Edit menu. When trying to exercise my fill window is different and does not have the picture frame option. How to overcome this please?
Hello
Please, go to the filter menu and choose make it > photo frame.
Thank you
-
I created two user accounts. An administrator and a Standard. At the logon screen, two photo icons consist of the image framed by what I can best describe as a monitor, so that they each resemble pictures on a TV/monitor screen. So far nothing unusual. But one of them, the Standard account icon, has an additional, unique, line the rectangular frame surrounding it. Can someone tell me what this indicates this icon? I have created additional accounts to see if they got this extra framing around them. They do not have.
I found the answer on another forum. Thanks for the help. Here's the answer;
This framework has nothing to do with the question of whether it is a standard or
Administrator account. Once you have a second active account
(it could be a guest account), the second image is to indicate
the selected account. If you use the slider to select the account,
It does not matter, but you can use your cursor, then
Press enter as well.I didn't know until I started in Vista and created two standard
accounts, an alphabetical order before my real account and one after.
When I rebooted, all three accounts have been displayed on the screen
(one of the new accounts had a password and the other does not
in case that makes a difference) the one on the left was more the
second line of frame around it. Then I could move this line with my
left/right cursor keys to select the account I want to boot into.UPDATES: check my Windows 7 computer (set up a second user)
This is true as well. In XP, active users are willing
vertically and selected one is highlighted by a darker blue
highlight around the id user, fading of the light blue background
to the right. In both cases, the cursor keys can be used to change
the selected user. On XP, the password box is presented to the
the selected user in Windows 7 and Vista, the password box is only
presented after you hit enter or click on it. -
New CSS Rollovers aligns not even like Image Rollovers - Dreamweaver CC
I've set up a test page replacing Javascript Image rollover CSS Image Rollovers and the alignment of the elements in the 3 columns (DIVS) is not the same as when reversals of old style. I can't find the error in my CSS and I would like another pair of eyes to see if I'm missing something. Here is the screenshot of the new Firefox page, followed by the CSS. Load images in #sidebar1 (left column), #sidebar2 (right column) and #MainContent. #MainContent appears off centered and #sidebar off margins are different. Any help would be greatly appreciated.
CSS:
< style type = "text/css" >
<!--
{body
fonts: 81.3% Verdana, Arial, Helvetica, without serif.
Background: #666666;
margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
padding: 0;
text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
Color: #000000;
}
.oneColFixCtrHdr #container {}
Width: 780px; / * using the less than a width 20px full 800px allows for chrome browser and avoids a horizontal scroll bar * /.
background: #FFFFFF;
margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.
border: 1px solid #000000;
text-align: left; / * This setting overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {}
background: #DDDDDD;
padding: 0; / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */
}
.oneColFixCtrHdr #header h1 {}
margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
}
{.oneColFixCtrHdr #mainContent
background: #FFFFFF;
Width: 200px;
margin-top: 0;
margin-right: auto;
left margin: auto;
margin-bottom: 0px;
}
.oneColFixCtrHdr # sidebar1″, #sidebar2 {#mainContent
text-align: center;
Width: 200px;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0;
padding-left: 30px;
}
.oneColFixCtrHdr #footer {}
padding: 0; / * This filling is the alignment to the left of the items in the div that appear above him. */
background: #CFAF86;
clear: both
}
.teammembers #nav #teammembers a {}
color: #FFF;
}
{.oneColFixCtrHdr #memberdues}
padding-right: 315px;
padding-left: 315px;
}
.oneColFixCtrHdr #footer p {}
margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
text-align: center;
letter-spacing: 4px;
}
#container #nav {}
line-height: 2em;
make-weight: normal;
background-color: #CFAF86;
text-align: center;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px;
list-style-type: none;
padding-left: 10px;
}
#container #nav li {}
make-weight: bold;
display: inline;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#container #nav li a {}
Color: #000;
text-decoration: none;
}
#container #nav li a: hover {}
color: #FFF;
text-decoration: none;
}
{.renegadestext}
make-style: italic;
make-weight: bold;
Color: #000;
}
{.oneColFixCtrHdr #AboveMainContent}
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
.oneColFixCtrHdr #AboveMainContent h2 {}
text-align: center;
}
{.oneColFixCtrHdr #sidebar1}
background-color: #FFF;
float: left;
Width: 200px;
}
{.oneColFixCtrHdr #sidebar2}
background-color: #FFF;
float: right;
Width: 200px;
}
{#thomasbarber}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/thomas_barber.gif);
background-repeat: no-repeat 0 0;
}
{#thomasbarber:hover}
background-position: 0px-50px;
}
#thomasbarber span {}
position: absolute;
top:-999em;
}
{#janetbarber}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/janet_barber.gif);
background-repeat: no-repeat 0 0;
}
{#janetbarber:hover}
background-position: 0px-50px;
}
#janetbarber span {}
position: absolute;
top:-999em;
}
{#karenallen}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/karen_allen.gif);
background-repeat: no-repeat 0 0;
}
{#karenallen:hover}
background-position: 0px-50px;
}
#karenallen span {}
position: absolute;
top:-999em;
}
{#davidboudreaux}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/david_boudreaux.gif);
background-repeat: no-repeat 0 0;
}
{#davidboudreaux:hover}
background-position: 0px-50px;
}
#davidboudreaux span {}
position: absolute;
top:-999em;
}
{#melbahanna}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/melba_hanna.gif);
background-repeat: no-repeat 0 0;
}
{#melbahanna:hover}
background-position: 0px-50px;
}
#melbahanna span {}
position: absolute;
top:-999em;
}
{#kentunderwood}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/kent_underwood.gif);
background-repeat: no-repeat 0 0;
}
{#kentunderwood:hover}
background-position: 0px-50px;
}
#kentunderwood span {}
position: absolute;
top:-999em;
}
{#shawntrainor}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/shawn_trainor.gif);
background-repeat: no-repeat 0 0;
}
{#shawntrainor:hover}
background-position: 0px-50px;
}
#shawntrainor span {}
position: absolute;
top:-999em;
}
{#eddieokonski}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/eddie_okonski.gif);
background-repeat: no-repeat 0 0;
}
{#eddieokonski:hover}
background-position: 0px-50px;
}
#eddieokonski span {}
position: absolute;
top:-999em;
}
{#scotthartman}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/scott_hartman.gif);
background-repeat: no-repeat 0 0;
}
{#scotthartman:hover}
background-position: 0px-50px;
}
#scotthartman span {}
position: absolute;
top:-999em;
}
{#titoescobar}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/tito_escobar.gif);
background-repeat: no-repeat 0 0;
}
{#titoescobar:hover}
background-position: 0px-50px;
}
#titoescobar span {}
position: absolute;
top:-999em;
}
{#debbiehanna}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/debbie_hanna.gif);
background-repeat: no-repeat 0 0;
}
{#debbiehanna:hover}
background-position: 0px-50px;
}
#debbiehanna span {}
position: absolute;
top:-999em;
}
{#robertbarber}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/robert_barber.gif);
background-repeat: no-repeat 0 0;
}
{#robertbarber:hover}
background-position: 0px-50px;
}
#robertbarber span {}
position: absolute;
top:-999em;
}
{#gregallen}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/greg_allen.gif);
background-repeat: no-repeat 0 0;
}
{#gregallen:hover}
background-position: 0px-50px;
}
#gregallen span {}
position: absolute;
top:-999em;
}
{#johnmcclung}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/john_mcclung.gif);
background-repeat: no-repeat 0 0;
}
{#johnmcclung:hover}
background-position: 0px-50px;
}
#johnmcclung span {}
position: absolute;
top:-999em;
}
{#miketisdel}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/mike_tisdel.gif);
background-repeat: no-repeat 0 0;
}
{#miketisdel:hover}
background-position: 0px-50px;
}
#miketisdel span {}
position: absolute;
top:-999em;
}
{#butchhanna}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/butch_hanna.gif);
background-repeat: no-repeat 0 0;
}
{#butchhanna:hover}
background-position: 0px-50px;
}
#butchhanna span {}
position: absolute;
top:-999em;
}
{#kimberlyshepherd}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/kimberly_shepherd.gif);
background-repeat: no-repeat 0 0;
}
{#kimberlyshepherd:hover}
background-position: 0px-50px;
}
#kimberlyshepherd span {}
position: absolute;
top:-999em;
}
{#katrinabartkowiak}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/katrina_bartkowiak.gif);
background-repeat: no-repeat 0 0;
}
{#katrinabartkowiak:hover}
background-position: 0px-50px;
}
#katrinabartkowiak span {}
position: absolute;
top:-999em;
}
{#michelehartman}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/michele_hartman.gif);
background-repeat: no-repeat 0 0;
}
{#michelehartman:hover}
background-position: 0px-50px;
}
#michelehartman span {}
position: absolute;
top:-999em;
}
{#aliciaallen}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/alicia_allen.gif);
background-repeat: no-repeat 0 0;
}
{#aliciaallen:hover}
background-position: 0px-50px;
}
#aliciaallen span {}
position: absolute;
top:-999em;
}
{#melissalockwood}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/melissa_lockwood.gif);
background-repeat: no-repeat 0 0;
}
{#melissalockwood:hover}
background-position: 0px-50px;
}
#melissalockwood span {}
position: absolute;
top:-999em;
}
{#rustyhanna}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/rusty_hanna.gif);
background-repeat: no-repeat 0 0;
}
{#rustyhanna:hover}
background-position: 0px-50px;
}
#rustyhanna span {}
position: absolute;
top:-999em;
}
{#karenbarber}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/karen_barber.gif);
background-repeat: no-repeat 0 0;
}
{#karenbarber:hover}
background-position: 0px-50px;
}
#karenbarber span {}
position: absolute;
top:-999em;
}
{#chrishillman}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/chris_hillman.gif);
background-repeat: no-repeat 0 0;
}
{#chrishillman:hover}
background-position: 0px-50px;
}
#chrishillman span {}
position: absolute;
top:-999em;
}
{#frankmarshall}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/frank_marshall.gif);
background-repeat: no-repeat 0 0;
}
{#frankmarshall:hover}
background-position: 0px-50px;
}
#frankmarshall span {}
position: absolute;
top:-999em;
}
{#dorisboudreaux}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/doris_boudreaux.gif);
background-repeat: no-repeat 0 0;
}
{#dorisboudreaux:hover}
background-position: 0px-50px;
}
#dorisboudreaux span {}
position: absolute;
top:-999em;
}
{#johnburkett}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/john_burkett.gif);
background-repeat: no-repeat 0 0;
}
{#johnburkett:hover}
background-position: 0px-50px;
}
#johnburkett span {}
position: absolute;
top:-999em;
}
{#lisaburkett}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/lisa_burkett.gif);
background-repeat: no-repeat 0 0;
}
{#lisaburkett:hover}
background-position: 0px-50px;
}
#lisaburkett span {}
position: absolute;
top:-999em;
}
{#andreagordon}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/andrea_gordon.gif);
background-repeat: no-repeat 0 0;
}
{#andreagordon:hover}
background-position: 0px-50px;
}
#andreagordon span {}
position: absolute;
top:-999em;
}
{#jeffwilliams}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/jeff_williams.gif);
background-repeat: no-repeat 0 0;
}
{#jeffwilliams:hover}
background-position: 0px-50px;
}
#jeffwilliams span {}
position: absolute;
top:-999em;
}
{#taylordavis}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/taylor_davis.gif);
background-repeat: no-repeat 0 0;
}
{#taylordavis:hover}
background-position: 0px-50px;
}
#taylordavis span {}
position: absolute;
top:-999em;
}
{#leearnold}
display: block;
Width: 150px;
height: 50px;
background-image: url(images/lee_arnold.gif);
background-repeat: no-repeat 0 0;
}
{#leearnold:hover}
background-position: 0px-50px;
}
#leearnold span {}
position: absolute;
top:-999em;
}
->
< / style >
Oops, looks like you do not have the text-align: center in your sidebar, all classes you need to do is pass the display: block display: Inline-block for all these id'd tags to get centered.
-
Hello
Does anyone know why I would have a blue box around one of my images located in a table? I use dreamweaver and can not understand. She (the blue box) is not displayed when previewing in safari, but it does on firefox... The image is a link to a menu and is wrapped in a < a > tag...
I checked the code, but really nothing is displayed and the option to validate the code into dreamweaver also reveals nothing.
Thank you!Grand...
It works! -
Strange blue tint only seen in some programs - Windows 7
Hello
My computer running Windows 7. My laptop is only 2 years.
About a week or two ago, I noticed that some of my image-art-photo consultation programs (Photo Viewer Windows, Windows Photo Gallery [uninstall] and Adobe Photoshop Elements 10) on my computer all of a sudden had a sort of strange blue-tint (Blues are more dark green have a bluish tint to them) to the images? This strange hue is NOT seen in the preview of images images (as well you view them from the folder), is not apparent on Microsoft Paint, Power Point, Word, or even on the internet. He is also seen if I open programs on a second monitor. The hue appears on my laptop. In all other programs, EXCEPT these two, the images looked exactly like how they had looked at a few weeks before this change suddenly. When I open the Windows Photo Viewer, the hue is apparent. When I open 10 EPA, the hue is apparent. I know that's not the programs, because I have not changed anything with them.
To summarize, this strange colour blue did not appear before a week or two ago. I have not changed anything on Windows or EPA 10 Photo Viewer. The hue appears on my laptop screen and only on the images themselves (not whole screen). When I opened these programs on a separate monitor, the colors are fine.
I have to run even though some Windows updates. Unfortunately, I fell a little on my computer was updated, so I got a few months (end of October 2012) value of updates to do. I looked at everything just uninstall all updates and see if the problem that will be resolved, but I wanted to see if there was a simpler solution first.
Thank you
GG
Hello
Restore the system to an earlier point before installing updates.
System Restore can return your files system to a point in time before you noticed a problem, without affecting documents, photos, or other personal files. If the system restore does not resolve the problem, you can undo the restore operation and choose a different restore point.
More information on:
System Restore: frequently asked questionsI suggest you to download screenshot of the question and check.How i: post a screen shot on this forum?Hope this information helps. -
can you place a mount or a frame around you photos
You can place a mount or a frame around your photos in LR
There is no function in the Lightroom Develop module. In the print module, it is possible to create a border of race, and you can adjust the width of the border. But there is no provision for the creation of a frame around an image.
-
How can I get rid of the blue box around hotspots?
Hello
I added three hotspots to this Web site, but after clicking on them he let a not-so-nice blue box around them.
http://chanlegge.com javascript:; http://chanlegge.com/
I would like to point out also that they appear for me in Safari and Chrome, but not Firefox.
I'm a complete Blockhead when it comes to webdesign (as you can see, the site is essentially just two JPEG files) and don't know CSS etc, but I hope that there is a simple way to avoid these. Any ideas?
Thanks in advance,
Johnny
In fact, it is a function of web accessibility. The active state of the focus on the link shows people where they are. You don't like it, but it serves a purpose.
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.
-
Blue guide around the box type
I'm working on a file that was originally a windows InDesign file. Any box that is drawn with the text, rectangle or rectangle frame tool tool has a blue guide around it. How can I get rid of him? This does not happen if I am in a document I created.
The framework has an applied text wrapping. If this happens with every object you create, the creator of the file set dressing on nothing selected, making it the default value for this document.
To get rid of the wrapping of text on your current items, select them (one by one or as many as you can) and clear the text wrapping in the Panel text wrapping.
To get back to nothing for new objects, make sure that you have not selected and deselect the text wrapping option in the Panel text wrapping.
Maybe you are looking for
-
Bigger photo folder after iCloud photo library
Hello I have just transferred all photos and albums to the library to iCloud and that you have selected the option optimize storage Mac (I did the same thing on the iPhone). It took a few days to transfer all the photos and they are now synchronized
-
I can't change my security questions, I have many attempts, how do I fix? Also, I forgot my phone code where I'm trying to change my security questions... help please!
-
Satellite C650 - cannot access the HDD recovery to restore Win7
Satellite C650 Windows partition has been destroyed, I have a copy of the recovery of HARD drive to an external drive, but using a disc of windows7 to start on windows does not recognize the recovery of hard drive as being any information system so w
-
Satellite A10 - reading of flicker / jerky DVD
I followed the instructions of shooter of disorder for display problems, namely a flickering display and choppy and audio but have had no luck. Does anyone have any suggestions? Terry
-
Insists on the fact of XP Antivirus is Out of Date, but I have the latest definitions?
I am operating XP with Security Essentials and the system insists on the fact that my antivirus is out of date, even though I have updates? Have analyzed and checked for viruses many times but cannot solve this problem?