• Registered: 2008-09-25
  • Posts: 80

Topic: Border around viewer

Is it possible to add a thin border of about 5 pixels around the viewer?

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Border around viewer

Yes, you can do that with CSS for the object you are embedding the flash into.

border-style:solid;
border-width:5px;
Mike Richards
SimpleViewer Support Team.
  • Registered: 2008-09-25
  • Posts: 80

Re: Border around viewer

could you please tell me how I define the "object"?

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Border around viewer

What is the URL of your gallery?

Mike Richards
SimpleViewer Support Team.
  • Registered: 2008-09-25
  • Posts: 80

Re: Border around viewer

It's http://racing-images.co.uk/cheltenham.asp

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Border around viewer

This is your embed code:

    <div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a><p>&nbsp;</div></p>

    <p>&nbsp;</p>
        
        <div id="flashContent" align="center">&nbsp;</div><script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "Cheltenham/gallery.xml";
var params = {};
params.bgcolor = "222222";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("Cheltenham/simpleviewer.swf", "flashContent", "600", "450", "9.0.124", false, flashvars, params);
</script>

First you should get rid of one of the flashContent divs and then use the following CSS in the head of your doc.

<style type="text/css" media="screen">
#flashContent {            
            border-style:solid;
            border-width:5px;    
                    
        }
</style>
Mike Richards
SimpleViewer Support Team.
  • Registered: 2008-09-25
  • Posts: 80

Re: Border around viewer

Thanks Mike - I've made those amendments. Does the code look OK now and do I just add the border colour under border-width:5px;?

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Border around viewer

border-color:#ff0000; You can see more CSS border info here.

http://www.w3schools.com/css/css_border.asp

Mike Richards
SimpleViewer Support Team.