Results 1 to 5 of 5

Thread: Border around Flash

  1. #1
    Join Date
    May 2006
    Location
    Alaska
    Posts
    163
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Default Border around Flash

    I think the solution (if there is one) is JavaScript. That's why I'm posting here. Sorry if it's the wrong place. Using this HTML:
    Code:
    <object
    data="test.swf"
    type="application/x-shockwave-flash"
    style="left: 50px; top: 50px; z-index: 5; width: 100px; height: 100px; position: absolute;"
    wmode="transparent"
    quality="medium">
    </object>
    In FF there is a dotted gray border around it if I click on it. Has anyone else encountered this? I tried adding "border-style: none;" to the style and it didn't work. I've found stuff about a dotted gray border in IE, but I can't find anything about it in FF. Anyone have any ideas?

    Stephen
    PS "test.swf" had nothing in it except some green lines, so I don't see any point in uploading it.

  2. #2
    Join Date
    Jun 2008
    Posts
    589
    Thanks
    13
    Thanked 54 Times in 54 Posts
    Blog Entries
    1

    Default

    When this happens, it means the user has selected the <object>. To make the border NOT-dotted, you could try making the border: 1px solid #000000; I doubt that'll work. You could also include an 'onclick' handler where when the user clicks on it, it blurs, but that probably won't work. The user then won't be able to access the <object>. Just suggestions...

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    That's not a border, it's an outline. Use this style to remove it:

    Code:
    outline-style: none;
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. The Following User Says Thank You to jscheuer1 For This Useful Post:

    ??? (12-26-2008)

  5. #4
    Join Date
    Apr 2008
    Posts
    22
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Lightbulb Worked for me.

    Quote Originally Posted by jscheuer1 View Post
    That's not a border, it's an outline. Use this style to remove it:

    Code:
    outline-style: none;
    Worked for me, only after I placed style="outline-style: none;" in the EMBED tag, not the object tag.

    Thanks.


  6. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by JackJack View Post
    Worked for me, only after I placed style="outline-style: none;" in the EMBED tag, not the object tag.

    Thanks.

    Well, yes. With an object/embed tag combo, the style would have to be applied to both the object and the embed tags, as different browsers use different ones.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •