Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2009
    Posts
    83
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Flash overlapping

    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?

    www.baysidesuperior.org/Bayside

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
    	<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}
    
    -->
    
        </style>
    
        
    
        
    
        
    
        
    
        <script type="text/javascript">
    
    var timeout	= 500;
    
    var closetimer	= 0;
    
    var ddmenuitem	= 0;
    
    
    
    // open hidden layer
    
    function mopen(id)
    
    {	
    
    	// cancel close timer
    
    	mcancelclosetime();
    
    
    
    	// 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()
    
    {
    
    	if(closetimer)
    
    	{
    
    		window.clearTimeout(closetimer);
    
    		closetimer = null;
    
    	}
    
    }
    
    
    
    // close layer when click-out
    
    document.onclick = mclose; 
    
    
    
    </script>
    
        
    
        
    
        
    
        
    
        
    
        
    
        <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    
    
    
    <body>
    
    <div id="wrapper">
    
    <div id="header">
    
          <div id="logo">
    
    		<h1>Bayside Baptist Church</h1>
              </div>
    
              <div id="logo2">
    
              <h1 class="style7">Service Times:<br/>
    
                Sunday at 9:15am          </h1>
              </div>
    
    
    
              
    
            <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>
    
    	<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>
    
    	<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>
    
    	<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>
    
        <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>
    	</li>
    </ul>
    
    <div style="clear:both"></div>
    
    
    
    <div style="clear:both"></div>
    </div>
    		</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"> 
    		      </object>
    			</noscript></div>
    	</div>
    
    			<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>
    
    				  <p><strong>01.04.09</strong></p>
    
    				  <p><strong>12.28.08</strong></p>
    			  </div>
    
    				
    
    			  <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>
    			</div>
    
    			<div class="clear"></div>
    	  </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>
    			  </ul>
    		  </div>
    
    			<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>
    
    				<h2>&nbsp;</h2>
    
    				<div id="gallery"></div>
    		  </div>
    
    <div class="clear">
    
      <p>&nbsp;</p>
    
      <p>&nbsp;</p>
    
      <p>&nbsp;</p>
    		  </div>
    		</div>
    	</div>
    
    <div id="footer">
    
    		<p>Bayside Baptist Church - 3915 N 16th Street - Superior, Wisconsin 54880 - 715.394.6002</p>
    
    </div>
    
    </body>
    
    </html>

  • #2
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    http://nickcowie.com/2006/layering-f...html-tutorial/

    Here is a tutorial, perhaps that will be of help! I also recommend using SWFObject like in the tutorial.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #3
    New Coder
    Join Date
    Jan 2009
    Posts
    83
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Hey thanks! I used some of that and some other stuff on other sites and finally got it to work.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •