I put the flash movie in a blank Dreamweaver document.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
Added some extra coding to the embedded section of the flash file:
(Just for tidiness I made a less complicated flash/text webpage)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="308" height="318">
<param name="movie" value="file:///C|/Documents%20and%20Settings/Jay11/My%20Documents/test.swf">
<param name="quality" value="high">
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<param name="LOOP" value="false">
<embed src="file:///C|/Documents%20and%20Settings/Jay11/My%20Documents/test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="308" height="318"></embed>
</object>
</body>
</html>
The Yellow text is what I inserted to make the html appear on top of the flash in Internet Explorer.
I then added layers and filled them with text (so that Google picks up on this)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.style1 {
font-family: Tahoma;
font-size: 12px;
color: #33CC00;
font-weight: bold;
}
-->
</style>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="308" height="318">
<param name="movie" value="test.swf">
<param name="quality" value="high">
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<param name="LOOP" value="false">
<embed src="test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="308" height="318"></embed>
</object>
<div id="Layer1" class="style1" style="position:absolute; width:336px; height:32px; z-index:1; left: 133px; top: 93px;">
<div align="center">Text: Need to make this sentence long enough just to see if half of it appears underneath the flash movie (Which it souldnt) </div>
</div>
</body>
</html>
Even though this displays the text on top of the Flash in IE, with Firefox it always puts it underneath
Would appreciate any help or advice on how to make the text appear on top in Firefox.