Borders around spry object

hey guys, i am very new, thank you in advance for your patience.
i created a spry collapsable panel with 3 drop down options. when i preview the object in a browser, there is a blue box around the object, i presume to tab around the page. how do i get rid of this? i have done all i know in CSS, is this a JS issue? how can i get rid of it?
thank you for dealing with my ignorance!
-rick

Its called outline / focus border. The browser adds it for
accessibility reasons. So when users for example browser your page
with keyboard navigation. They will know where they are on your page.
You can get rid of it by adding outline:none; to your css. but it's
not recommend to remove it.

Similar Messages

Dotted borders around certain objects when clicked

this is the only issue I have with Firefox- on certain pages (Mozilla pages, the new tab page, Facebook, etc.), when I click on a link, there will be an incredibly ugly dotted border around the object. I've tried restarting in safe mode, and it happens across all versions of Firefox (regular, beta, and Aurora). I haven't had this issue with any other browsers, it's only Firefox, and I can't figure out why. any guesses?

That is an accessibility feature to display a focus ring around an object.
*http://kb.mozillazine.org/browser.display.focus_ring_width
*http://kb.mozillazine.org/Accessibility_features_of_Firefox

Unwanted browser borders around active tabbed panel tabs

I'm getting unwanted borders around the active tabs in my Spry tabbed panels that seem to be added by the browser. For example I'm geting a fuzzy caterpillar border in Safari. Does anyone know how to turn off this effect? Thanks

Its called "outline" or focus borders, its in the browser for accessibility reasons. So when users use keyboard navigation, they know where they are on the page. If don't want it. You can remove it by adding outline:none to the css selector that targets the tabs

Solved: InDesign CC: Problems with text in text box: text flows around invisible object

I just upgraded from CS4 to CC. I have two problems with text in some text boxes:
The text seems to flow around invisible object that I cannot find or delete. It's as if there is a photo or other object behind the text box; but when I press COMMAND-a to select all, I don't see any such object.
When I move this text box, the layout of the text within changes. For example, when the box is high on my spread, the text flows correctly within the box; but when I move it down, it flows around that hidden other object. For another example, when the box is low on the page, the text starts at the top of the box; but when I move the text box up, the text starts somewhere in the middle of the box.
I have checked margins of the text box and the paragraph options of the text paragraphs (margins, indents, alignments). They all look OK.
If I modify the text box, checking the box "Ignore text wrap", then the problem goes away; but then the text also will not flow around a real object that I want it to flow around.
Solution:
There were objects in a hidden layer on that one spread. It seems that in CS4 when you "select all" you would also select objects in hidden layers; but in CC it doesn't.

Arthur, Garry
Would be great if you could send the files as attachment in an email to [email protected]
Else, you may post here using these steps: http://forums.adobe.com/message/3994281
Thanks!
- Neeraj

How can i draw a outline around an object in a picture

I am trying to draw around an object in a picture to show the different values and defined edges. Can anyone help?

Use one of the selection tools -- lasso, rectangle marquee or elliptical marquee, for example.
Photoshop Help | Making selections
Nancy O.

HELP DREAMWEAVER CS4 NOW SHOWS BORDERS AROUND SPACERS

Really, the more things change, the more they stay the same.
What the heck is going on with this company?
Is Abode just trying to do all they can to destroy the once great Macromedia products? Or chase away shareholders?
I made a HUGE mistake using Dreamweaver CS4, to "upgrade" my personal website, and suddenly my spacers are viewable with gray borders around them. AND all my flash content is no longer viewable.
Sorry, Adobe I'm busy trying to make a living in a really bad economy, and actually have a personal life.
I don't want to spend my life trying to figure out your attempts at making new code.
They make these large sloppy programs, worse and worse and worse with each version release.
Is there a way to get rid of these horrible looking spacer borders without having to go back to school and REDO my engineering degree?
Geez!
I give Adobe an F for effort.

The apparent spaces with borders are actually missing images which you have not uploaded to the images folder.
The files
http://www.stackjones.com/images/blackspacer.jpg
and
http://www.stackjones.com/images/white%20spacer.jpg
do not exist on the server.

Ugly Gray Borders Around My Paths

It doesn't matter if I turn the stroke completely off of a path or not; Illustrator is still putting ugly gray borders around them.
Here is a picture:
http://peacepunk.net/images/uglyborder.jpg
They appear around the curtains, around the bed (the red thing at the bottom), and the white part on top of the bed. (Actually, this has a stroke of black, but the gray stroke does this "dot dot dot" effect.)
It looks incredibly ugly, and I don't know why it's there. Help? The zoom of this picture is at 100%.

Wow, problem solved. I just changed the color mode from CMYK to RGB. Hope this helps out others with the same issue!

White frame around .ai object

Hi,
I've an illustrator object placed on my InDesign document.
When I'm working, everything is OK. But when I export it into a PDF file, a white square (wich looks like the ArtBoard) appears around this object.
It's very annoying!!
May somebody help me Please???

It's probably this: InDesignSecrets » Blog Archive » Eliminating the White Box Effect

GT60 3K IPS black borders around the screen on lower resolutions

I've got an MSI GT60 with 3K IPS display and GF880M and although it's a very powerful machine it sometimes isn't fast enough to play the games with the native resolution on high details, therefore in several games I wanted to lower the resolution to get a better experience. However this is where I have a problem, because if I change the resolution in-game what usually happens (80% of the games I've tried) is the screen is getting smaller and I have back borders around it. This is kind of frustrating and I wanted to ask if you know any way of sorting out this issue. I'd like to be able to play a game at 1080P for example but have it stretched to the whole screen.
Some of the games I've observed this behaviour:
1. L.A. Noire
2. Assassin's Creed: Black Flag
3. Far Cry 3
4. Max Payne 3
I've tried lowering the Windows resolution prior to opening the game but it makes no difference. I've also looked at the nVidia Control Panel because some of the versions of the drivers had the option to stretch lower resolution to full screen but in the latest one I couldn't find it.
As the result of this I'm feeling a little frustrated that although the notebook itself is one of the most powerful ones available on the market I cannot play it the way I wanted and I begin to think paying extra for the 3K display was a mistake a I should've gone with the 1080P version. But I hope there's a fix for this issue.

I've found a workaround but it's very annoying as I have to apply it everytime I launch a game (or if I accidently alt-tab back to windows desktop).
1. Run the game and let it launch with the back borders
2. Ctrl+Alt+Del and go to desktop (don't Alt-Tab, it won't work)
3. Open Intel Graphics properties, change the resolution to 3k, apply changes, than change it back to 1080P or whichever you like and mark the Desktop Stretching option. Apply changes.
4. Back to the game and the black borders should now be gone.
It's a workaround, not a solution. I'd really like that MSI, nVidia or whoever is responsible for this behavior find a permament fix.

Borders around .png links only in firefox

I just put together a website and when I view it in Safari the menu bar (in the lower left corner) lines up where it should without any borders. The problem is when I view it in firefox it doesn't line up right and there is a white border around it. (Also borders around other .png files set as links - "[resolute media]" at the top and on the "contact" page it shows up again around the facebook link.)
Any ideas??
thanks...

Another way is to just add '0' to your image border setting in the Property Inspector.
Bob's way is excellent too especially if you have many images. However it will effect all images even those that you may want to have a border.
Either way is good depending on your personal preference and situation.
Brad Lawryk
Adobe Community Professional: Dreamweaver
Northern British Columbia Adobe Usergroup: Manager
Edit: Didn't notice the 'a' in Bob's example to effect only links. My mistake .... if you have a few images with links then definately Bob's way is likely your best option. Sorry.

When I render and Export there are these little lines around moving objects

When I render and Export there are these little lines around moving objects, what are they and how do I fix it?

The lines are caused by the video being interlaced.
If you export to DVD they should no longer appear. However, if they don't disappear you can use the Deinterlace filter on the footage whilst in FCE.
How are you exporting ..... QT Movie or QT Conversion ....... and what are you exporting to - the internet or DVD?

Borders Around Thumbnails

Does someone know why Dreamweaver CS4 puts green borders around my thumbnails. I can't find anything in my code that designates that AND I don't want it. While I'm working in Dreamweaver it shows blue borders (which I don't want either).
http://www.theshimogaproject.com/presentations.html
Thanks for your help.

To remove borders from all linked images, put this in your CSS code:
a img {border: none}
DW doesn't add borders to linked images. HTML does.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

A way to temporarily hide the selection box around an object while nudging it.

InDesign
I would like to see a simple "Hide All" type command, similar to the "Hide Extras" feature in Photoshop - this would leave the page in a blank/ "preview" like view, but with selected objects still selected and therefore able to be moved around without seeing the Blue Selection Box.
PROBLEM:
I am looking for a way to temporarily hide the selection box around an object while nudging it.
I want to visually nudge items around to find the ideal placement and I find the selection box distracting how it follows the object around as it is being nudged.
(For anyone familiar with Photoshop, —I am looking for something that works exactly like "Hide" cmd+H (VIEW > Extras) does in PS - where the selection goes away but the object is still adjustable.

Thanks, but I don't see how that's helpful really.
SHIFT+W goes into full on presentation mode already.
Also, —this still doesn't solve the problem of being able to move an element around without a selection box getting in the way.
I don't believe that a solution exists, I'm just checking with the community if one does.

How to fix black borders around transparent PNG files?

Hello,
Recently, iMovie has started putting black borders around transparent PNGs. How can I fix this?
http://img19.imageshack.us/img19/4668/picture9bt.png

gndagnor wrote:
Any way to fix the alpha transparency when importing PNG files to iMovie 09?
I just know the two options - wrong (8bit) png or that plugin, which in an older version destroyed transparency..
what also make transparent-to-black is, when you 'manipulate' the imported png, esp. adding a *KenBurns Effect* - that kills transparency instantly.
for test purposes:
• create a new project
• create a new png with some traansparency
• add new png to new project - same result?
and just to avoid EVERY problem: your sys preferences/Monitor is set to 'million colors'?

White borders around Firefox entry boxes

Hi. I'm trying to fix / work around a quirky cosmetic bug that occurs in Firefox (OpenOffice, too) with Murrine SVN and, unfortunately, other GTK engines. There are white borders around entry boxes, that disappear if I mouse-over them, but reappear when I do, well, anything. I was going to work around it by theming the entry boxes with Clearlooks instead of Murrine, but it suffers from the same problem (it's more glaring there, actually). Standard Murrine from community, and Murrine from Ubuntu (aur package) do not suffer from this problem, but unfortunately, it cannot co-exist with Murrine SVN.
Here's a screenshot of the problem in question:
How would you suggest I work around, or preferably, fix this problem?
Last edited by TiZ (2009-02-27 03:22:57)

It appears to be a bug in the SpryMenuBar.js v0.12 after all.
I found an acceptable solution by commenting out line 163
changing
this.addClassName(items
, this.isieClass);
to
// this.addClassName(items, this.isieClass);
Now the menu is rendered correctly without the white
borders/margins.
I guess it is not always IE's fault ;-)
Something for the Adobe crew to pick up for their next
version...

Borders around spry object

Similar Messages

Maybe you are looking for