View Full Version : Flash overlapping

01-23-2009, 06:24 PM
Having a problem with a flash video I'm using, it's covering my drop down menus. Searched google and tried using wmode and transparency but had no luck. Any suggestions?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Bayside Baptist Church</title>

<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<style type="text/css">


.style1 {font-weight: bold}

.style2 {

color: #94A652;

font-size: 19px;


.style5 {font-size: 18px; color: #94A652; }

.style6 {

font-size: 11px


.style7 {font-size: 12px}



<script type="text/javascript">

var timeout = 500;

var closetimer = 0;

var ddmenuitem = 0;

// open hidden layer

function mopen(id)


// cancel close timer


// close old layer

if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it

ddmenuitem = document.getElementById(id);

ddmenuitem.style.visibility = 'visible';


// close showed layer

function mclose()


if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';


// go close timer

function mclosetime()


closetimer = window.setTimeout(mclose, timeout);


// cancel close timer

function mcancelclosetime()





closetimer = null;



// close layer when click-out

document.onclick = mclose;


<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>


<div id="wrapper">

<div id="header">

<div id="logo">

<h1>Bayside Baptist Church</h1>

<div id="logo2">

<h1 class="style7">Service Times:<br/>

Sunday at 9:15am </h1>

<div id="nav">

<ul id="sddm">

<li><a href="index.html" onMouseOver="mopen('m1')" onMouseOut="mclosetime()">Home</a> </li>

<li><a href="ministries.html" onMouseOver="mopen('m2')" onMouseOut="mclosetime()">Ministries</a>

<div id="m2" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">

<a href="#">For Men</a>

<a href="#">For Women</a>

<a href="#">Children's Ministry</a>

<a href="#">Young Adults</a>

<a href="#">Senior Adults</a>

<a href="#">DivorceCare</a>

<a href="#">Missions</a>

<a href="#">Outreach</a>

<a href="#">Journey of Faith</a>

<a href="#">Small Group Bible Study</a>

<a href="#">Christian Education Hour</a> </div>

<li><a href="#" onMouseOver="mopen('m3')" onMouseOut="mclosetime()">Calendar</a>

<div id="m3" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">
<a href="#">Upcoming Events</a>

<a href="#">Interactive Calendar</a>

<a href="#">PDF Calendar</a>

<a href="#">PDF Newsletter</a> </div>

<li><a href="#" onMouseOver="mopen('m4')" onMouseOut="mclosetime()">Connect</a>

<div id="m4" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">

<a href="#">Staff Positions</a>

<a href="#">Prayer</a>

<a href="#">Christian Education Hour</a>

<a href="#">Young Adults</a>

<a href="#">Worship Team</a>

<a href="#">Greeting</a>

<a href="#">Children's Ministry</a>

<a href="#">Martha Ministry</a> </div>

<li><a href="faq.html" onMouseOver="mopen('m5')" onMouseOut="mclosetime()">FAQ</a>

<div id="m5" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">

<a href="#">How to Know Jesus</a>

<a href="#">What We Believe</a>

<a href="#">Constitution</a>

<a href="#">Helpful Links</a>

<a href="#">Tools</a> </div>

<li><a href="youth.html" onMouseOver="mopen('m6')" onMouseOut="mclosetime()">Youth</a> </li>

<li><a href="#" onMouseOver="mopen('m7')" onMouseOut="mclosetime()">Pictures</a> </li>

<li><a href="#" onMouseOver="mopen('m8')" onMouseOut="mclosetime()">Contact</a>

<div id="m8" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">

<a href="#">Staff</a>

<a href="#">Directions</a>

<a href="#">Prayer Requests</a> </div>

<div style="clear:both"></div>

<div style="clear:both"></div>

<div id="headline">

<div id="photo"><div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','618','height','254','align','absmiddle','src','images/logo','loop','false','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/logo' ); //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=9,0,28,0" width="618" height="254" align="absmiddle">
<param name="movie" value="images/logo.swf" />
<param name="quality" value="high" /><param name="LOOP" value="false" />
<embed src="images/logo.swf" width="618" height="254" loop="false" align="absmiddle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
<param name="wmode" value="transparent">

<div id="search-news">

<h2 class="downcast">Sermons</h2>

<div id="news-box">

<p class="style1"><a href=".../Sermons/01.11.09.m3u">01.11.09</a></p>



<h2 class="downcast">News &amp; Events</h2>

<div id="news-box">

<h3><a href="#">12.21.08</a></h3>

<p> Join us at the <strong>Christmas Program</strong> for a time filled with music...</p>

<p class="more"><a href="#">more</a></p>

<h3><a href="#">12.24.08</a></h3>

<p>Come to the <strong>Christmas Eve Candlelight Service</strong> to celebrate...</p>

<p class="more"><a href="#">more</a></p>

<div class="clear"></div>

<div id="body">

<div id="body-left">

<h2 class="style2">Welcome to Bayside</h2>

<p class="style6">Our purpose at Bayside is to help people of all ages experience the fullness of life that God has made available through a personal relationship with Jesus Christ.* Simply put, we gather in faith, serve in love, and proclaim hope as we love God and love people.* We hope you will join us; we look forward to getting to know you.</p>

<p class="more">&nbsp;</p>

<h2 class="style5">Services</h2>

<img src="images/welcome.gif" alt="" width="150" height="114" class="left" />

<p class="style6">Our <strong>9:15 service</strong> combines contemporary worship music and traditional hymns with a relevant message from Scripture that has real life-changing application to provide a complete worship experience.* We would enjoy having you join us on a regular basis as we seek to encourage one another to live out the truths of the Bible in our daily lives.**</p>

<ul class="plussbullets">

<li><a href="#">Kids Corner</a></li>

<li><a href="#">Teen Studies</a></li>

<li><a href="#">Christian Education Hour</a></li>

<div id="body-right">

<h2 class="style5">Sermon Series</h2>

<h2><img src="images/church.jpg" width="321" height="56" alt="Pic 2"></h2>

<p class="style6">Our purpose at Bayside is to help people of all ages experience the fullness of life that God has made available through a personal relationship with Jesus Christ.*Simply put, we gather in faith, serve in love, and proclaim hope as we love God and love people.*We hope you will join us; we look forward to getting to know you.</p>

<p class="more">&nbsp;</p>


<div id="gallery"></div>

<div class="clear">




<div id="footer">

<p>Bayside Baptist Church - 3915 N 16th Street - Superior, Wisconsin 54880 - 715.394.6002</p>




01-23-2009, 06:46 PM

Here is a tutorial, perhaps that will be of help! I also recommend using SWFObject like in the tutorial.

01-24-2009, 06:17 PM
Hey thanks! I used some of that and some other stuff on other sites and finally got it to work.