Visit SlideShowPro.net  Community Forums
SlideShowPro Help Wiki
  

SlideShowPro for Lightroom

Dotted outline and/or scroll bars surround slideshow

Some browsers (especially Firefox) will surround your slideshow with a dotted outline when you click on it. This is the browsers attempt at showing the viewer the currently selected item on the web page.

Something else that might happen is that scroll bars suddenly appear when you click on your slideshow. This happens when the slideshow <div> takes up 100% of the browser window and the dotted lines appear. The browser thinks that the content is larger than the windows, so it shows scroll bars.

After you've spent hours getting your site to look just right, you might be disappointed about this feature.

To stop the border from appearing, you need to edit the CSS in the HTML file that you are using to show the slideshow.

Note: This is either your custom HTML, or the exported index.html file if you are using an iFrame

Here an example of what your CSS might look like:

<style type="text/css">	
    body,html { 
        background:#BBBBBB;
        width:100%;
        height:100%;
    }
</style>

You need to add object {outline:none;} to your CSS. This will disable the outlining mechanism that the browser uses to highlight the Flash object:

<style type="text/css">	
    body,html { 
        background:#BBBBBB;
        width:100%;
        height:100%;
    }

    object {outline:none;}
</style>
Note: The new element is added to the CSS; Don't put it inside the existing 'body' element

To read more about this issue, see: http://code.google.com/p/swfobject/wiki/faq ( 15. Why do I see a dotted border around my SWF when using Firefox 3 on Windows and wmode transparent or opaque? )

Page last modified by tmcfadden on March 08, 2010, at 04:20 PM
© 2010 Dominey Design Inc. All Rights Reserved.
About | Merchandise | Contact | Privacy policy | Legal | Licensing