asked on

how to use index.html to position flash content

Hi,
I am trying to figure out what code i need to insert, and where, into my index.html file that is loading my Flash movie - so that the Flash movie will align lower than the top edge by about 20 pixels or so instead of sitting right at the top.

Is this possible?

I've attached the current index.html code in the case that helps.

Thanks in advance for any help!

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>BPOpen</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#282b2b">
<center>
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
			'width', '950',
			'height', '650',
			'src', 'BPOpen',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'exactfit',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'BPOpen',
			'bgcolor', '#282b2b',
			'name', 'BPOpen',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'BPOpen',
			'salign', 'lt'
			); //end AC code
	}
</script>
<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="950" height="650" id="BPOpen" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="BPOpen.swf" /><param name="quality" value="high" /><param name="scale" value="exactfit" /><param name="salign" value="lt" /><param name="bgcolor" value="#282b2b" />	<embed src="BPOpen.swf" quality="high" scale="exactfit" salign="lt" bgcolor="#282b2b" width="950" height="650" name="BPOpen" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</noscript><center>
</body>
</html>

Open in new window

Sh4d1

You must set style preference for body. For example:

<body bgcolor="#282b2b" style="margin:0;padding:0;">

torimar

If you want it quick and dirty, just insert a couple of linebreaks <BR /> into the code before calling your flash object.

If you want it nice and tidy, use the "margin-top" CSS command like in the code I appended.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>BPOpen</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type="text/css">
.mt20 {margin-top: 20px;}
</style>
</head>
<body bgcolor="#282b2b">
<center>
<div class="mt20">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
        if (AC_FL_RunContent == 0) {
                alert("This page requires AC_RunActiveContent.js.");
        } else {
                AC_FL_RunContent(
                        'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
                        'width', '950',
                        'height', '650',
                        'src', 'BPOpen',
                        'quality', 'high',
                        'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
                        'align', 'middle',
                        'play', 'true',
                        'loop', 'true',
                        'scale', 'exactfit',
                        'wmode', 'window',
                        'devicefont', 'false',
                        'id', 'BPOpen',
                        'bgcolor', '#282b2b',
                        'name', 'BPOpen',
                        'menu', 'true',
                        'allowFullScreen', 'false',
                        'allowScriptAccess','sameDomain',
                        'movie', 'BPOpen',
                        'salign', 'lt'
                        ); //end AC code
        }
</script>
<noscript>
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="950" height="650" id="BPOpen" align="middle">
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="false" />
        <param name="movie" value="BPOpen.swf" /><param name="quality" value="high" /><param name="scale" value="exactfit" /><param name="salign" value="lt" /><param name="bgcolor" value="#282b2b" /> <embed src="BPOpen.swf" quality="high" scale="exactfit" salign="lt" bgcolor="#282b2b" width="950" height="650" name="BPOpen" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
        </object>
</noscript>
</div>
</center>
</body>
</html>

Open in new window

HoolaDesign

ASKER

Hi,
Thanks to both of you for answering. i however had issues with all but just adding the line breaks.

First Sh4d1 -
when i enter that code, just as you have it - the site no longer loads, but this appears instead (i tried removing your code a couple of times to make sure that was the issue):

if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0', 'width', '950', 'height', '650', 'src', 'BPOpen', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'align', 'middle', 'play', 'true', 'loop', 'true', 'scale', 'exactfit', 'wmode', 'window', 'devicefont', 'false', 'id', 'BPOpen', 'bgcolor', '#282b2b', 'name', 'BPOpen', 'menu', 'true', 'allowFullScreen', 'false', 'allowScriptAccess','sameDomain', 'movie', 'BPOpen', 'salign', 'lt' ); //end AC code }

If there's a reason for this i'd love to know!

---

And torimar,
I tried your second solution, but nothing changes. seems super simple enough but alas, it still aligns at right at the top.

Used the line breaks and all seems to be fine.

ASKER CERTIFIED SOLUTION

torimar

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

HoolaDesign

ASKER

thanks so much! that last bit of code works perfectly.