Aligning Captivate 3 Flash files in browser

Report · Aug 05, 2009

I have produced flash files from Captivate and want them to align top left in the browser window. I have tried editing the htm file but whatever I do I cannot get them to play anywhere but centre.

Appreciate if you can let me know what I need to do to get this working.

Thanks

Report · Aug 05, 2009

You just need to modify your HTML file a bit.

In this block of code...

add the text which is in blue above. That should work for you!

Report · Aug 05, 2009

If I have the correct location I have edited it as below and it has not changed anything:(

</script>
</head>
<body bgcolor="#FF0000" onunload="Finish();">
<layer id="NS_dynamic" name="NS_dynamic">
<script type="text/javascript">
   
</script>

Report · Aug 05, 2009

Hey,

You've written

'<embed src="SCORM_support/scorm_support.swf" quality=high bgcolor=#FFFFFF width="2" height="2" name="scorm_support" align=""'+
'type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">'

instead, it should be

'<embed src="SCORM_support/scorm_support.swf" quality=high bgcolor=#FFFFFF width="2" height="2" name="scorm_support" align="left"
type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">'

text to be changed marked in red.

Also, notice that you have one ' before type, remove that as well.

Cheers!

Report · Aug 05, 2009

Really appreciate your help but I mad the additional edits and I'm afraid that still nothing has changed. Something else must be going on:(

Is it possible that the swf file is the problem??

Thanks

Report · Aug 05, 2009

SWF shouldn't matter. I tried with the code snippet i pasted in my first post and it works for me...

Report · Aug 05, 2009

Hi all

Perhaps simply remove the <center> and </center> bits surrounding the code?

Seems to work for me. I tested in Firefox and IE.

Cheers... Rick

Helpful and Handy Links

Captivate Wish Form/Bug Reporting Form

Adobe Certified Captivate Training

SorcerStone Blog

Captivate eBooks

Report · Aug 05, 2009

Man! Why didn't i see that! That is much simpler! My bad!!

Report · Aug 05, 2009

Nearly there thanks Rick - its now left aligned but I can't remove a border (shown below in red). I went back and changed all refs to with and height to width="0" height="0" thainking it may be a border...but nothing changed.

Any more ideas?

Thanks heaps.

Report · Aug 05, 2009

Hi there

Do you by chance have borders enabled for your project?

Click Project > Skin... > Borders tab to check.

Cheers... Rick

Helpful and Handy Links

Captivate Wish Form/Bug Reporting Form

Adobe Certified Captivate Training

SorcerStone Blog

Captivate eBooks

Report · Aug 05, 2009

No I did check that out yesterday - borders are *not* applied.

I did apply green borders and red HTML background just to 'see' what was happening... so I can confirm there are no borders...the area that lies between my flash movie and the browser displays red.

Thanks Rick.

Let me know if you come up with anything else I can check.

Report · Aug 10, 2009

The 'margin' property is generally what controls such distance from the top/sides to the content. Could be the 'padding' property but I'd bet on 'margin' first. Setting the margin in the body tag, and possibly the embed/object tags, to 0 may do what you need.

Erik

Report · Aug 10, 2009

Thanks to everyone who has replied to my query. I have tried all the suggestions, including putting margin="0" throughout the html, but it still runs with a a gap top and left hand side (as shown in red in an earlier post).

I have attached the htm file in case anyone is keen to look directly at the code.

All suggestions welcome:)

Thanks