getting a dotted line around .swf files in my flash site now. this is new as of Firefox 3. Using 4 on a MacBookPro. tried "style outline none" fix. doesn't work. any help?
Question getting a dotted line around .swf files in my flash site now. this is new as of Firefox 3. Using 4 on a MacBookPro. tried "style outline none" fix. doesn't work. any help?
Chosen solution
Ah, totally understand now as I added to my html doc
<style type="text/css"> body { background-color: #FFF; } '''''''object { outline:none; }'''''''
</style>
Read this answer in context 👍 0All Replies (10)
Is it a public and family friendly page? If so, can you post a URL to it?
Sorry for long response. Vacation.
To answer your question. This problem affects ALL my sites. The test site showing the problem is http://www.christophermoores.com
For testing, I snagged an image from the web. Converted it to a button and placed it in the middle of a 1024 x 768 file. When you rollover it the "hand" cursor doesn't appear, and clicking on it creates the "dotted black line" problem. Using Firefox 4.0.1. on a MacBook Pro 64bit.
That's it. Nothing fancy. And this problem doesn't appear in Safari, Chrome, or Explorer.
I've done some reading (blogs, forums and what not...) and seems a pretty common problem. Some folks have fixes that sound like they work, but when applied, don't.
SO...there you have it. Any help would be appreciated.
Thanks
Modified by morz
I don't get the outline on that Flash object on Windows 7. Have you tried Firefox's Safe Mode or a blank new profile to see whether it could be caused by a custom setting or add-on?
First, I recommend backing up your Firefox settings in case something goes wrong. See Backing up your information. (You can copy your entire Firefox profile folder somewhere outside of the Mozilla folder.)
Next, try starting Firefox in Firefox Safe Mode. Be careful not to "reset" anything permanently if you didn't back up.
Does that fix it? If not, try creating a new (blank) profile: Managing profiles.
Any change?
I'll try those tips. And, yes, you're correct. In the Windows environment, (XP and 7) there is no outline and everything works normally.
Just a guess at this point, but I think it may have something to do with OSX 10.6 and 64bit handling. Thanks tho'
object, embed {
outline: 0;
}
...well i'm brain dead. That's got it!!!
Thanks.
...now if i can just get the "hand" cursor problem fixed on buttons that would be great...sigh.
/* stops annoying focus-selection boxes in FF3 */
- active, object:focus, embed:focus
{ outline: none; }
Sorry for being a bit anal here but where do I add the "object, embed { outline: 0; } " to the html or the actual swfobject_modified.js?
Heres my object and embed codes right off the .html page
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
body {
background-color: #FFF;
}
</style>
</head>
<body>
<div id="container" >
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="600" id="FlashID" title="index">
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10.2.0.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<object type="application/x-shockwave-flash" data="index.swf" width="900" height="600">
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="10.2.0.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
Modified by cor-el
Chosen Solution
Ah, totally understand now as I added to my html doc
<style type="text/css"> body { background-color: #FFF; } '''''''object { outline:none; }'''''''
</style>