Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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?

  • 10 replies
  • 17 have this problem
  • 21 views
  • Last reply by ralphiedee

more options

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?

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 👍 0

All Replies (10)

more options

Is it a public and family friendly page? If so, can you post a URL to it?

more options

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

more options

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?

more options

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'

more options

object, embed {

 outline: 0;

}

more options

...well i'm brain dead. That's got it!!!

Thanks.

more options

...now if i can just get the "hand" cursor problem fixed on buttons that would be great...sigh.

more options

/* stops annoying focus-selection boxes in FF3 */

  • active, object:focus, embed:focus

{ outline: none; }

more options

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

more options

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>