Flash banner over html HELP!!

**jheilman** · 09-25-2008, 11:35 AM

I have built a Flash version of the infamous page peel banner ad. My problem now is how to get it positioned OVER the contents of an existing web page. Should be a simple thing, but I'm stumped. I'm a newbie with anything but basic html. I've seen mention of dhtml, div layers, etc. I have Dreamweaver (but have never used it) if there's a simple way to accomplish it with that software.

Never attached a file before, so hope it shows up below.

**justjoe** · 09-25-2008, 05:39 PM

I have wrapped your flash in a div tag and used absolute positioning to put it in the top right corner. Here is the changed code on your html file

Code:

<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>PagePeel_v2</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type=text/css>
#banner1 {
position: absolute;
right: 0px;
top: 0px;
z-index:1;
}
</style>
</head>
<body bgcolor="#0099ff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<div id="banner1">
<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=6,0,0,0',
			'width', '800',
			'height', '600',
			'src', 'PagePeel_v2',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'PagePeel_v2',
			'bgcolor', '#ffffff',
			'name', 'PagePeel_v2',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'PagePeel_v2',
			'salign', 'rt'
			); //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=6,0,0,0" width="800" height="600" id="PagePeel_v2" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="PagePeel_v2.swf" /><param name="quality" value="high" /><param name="salign" value="rt" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	<embed src="PagePeel_v2.swf" quality="high" salign="rt" wmode="transparent" bgcolor="#ffffff" width="800" height="600" name="PagePeel_v2" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</noscript>
</div>

See the style I added to your head section and the div with ID banner1 wrapping your flash. I tested it in Opera 9.23 IE 7.0.5730.11 and FireFox 3.0.1.
Joe

**jheilman** · 09-26-2008, 02:42 PM

LIFESAVER!!

Thanks.

Thread: Flash banner over html HELP!!

Thread Tools

Display

Flash banner over html HELP!!

Flash over html

Posting Permissions