View Full Version : Problem creating transparent wmode
ThePuzzleMaster
June 2nd, 2008, 06:00 PM
Hello,
Quick problem (Hopfully). I'm trying to create a flash dropdown menu that overlaps down a little bit onto the html content below it. The problem I am having is that the flash content is not overlapping its table onto the content below it. The flash menu is 770X115 pixels and is nested in a table of the same size. The other content is in a different table below it.
Is that the problem? Do I have to use something else? like a div?
I have <param name="wmode" value="transparent"> in the object tag
And I also have
wmode="transparent" in the embed tag.
What am I doing wrong here?
Many thanks!
-iLan
simplistik
June 2nd, 2008, 06:03 PM
What am I doing wrong here?
not posting the rest of your code
ThePuzzleMaster
June 2nd, 2008, 06:10 PM
Sorry about that. I had assumed that it was just that I couldn't use tables or something like that.
The table code is:
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="eltop"><table width="770" height="115" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="91" colspan="7"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','770','heigh t','130','title','menu','src','menu','quality','hi gh','wmode','transparent','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','menu' ); //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="770" height="130" title="menu">
<param name="movie" value="menu.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="menu.swf" width="770" height="115" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#333333">
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="305" height="125"><img src="src/images/fineart_costarica1.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="305" height="125" border="0"></td>
<td width="145" height="125"><img src="src/images/fineart_costarica2.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="145" height="125" border="0"></td>
<td width="150" height="125"><img src="src/images/fineart_costarica3.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="150" height="125" border="0"></td>
<td width="170" height="125"><img src="src/images/fineart_costarica4.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="170" height="125" border="0"></td>
</tr>
<tr>
<td width="305" height="235"><img src="src/images/fineart_costarica5.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="305" height="235" border="0"></td>
<td width="145" height="235"><a href="src/galeria_angeles.php"><img src="src/images/fineart_costarica6.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="145" height="235" border="0"></a></td>
<td width="150" height="235"><a href="src/galeria_jardintico.php"><img src="src/images/fineart_costarica7.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="150" height="235" border="0"></a></td>
<td width="170" height="235"><a href="src/galeria_proyectos.php"><img src="src/images/fineart_costarica8.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="170" height="235" border="0"></a></td>
</tr>
<tr>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
</tr>
</table>
</tr>
<tr>
<td class="bottom">Vicente Chaves Rojas, Original Fine Art, Costa Rica ©
2007 www.vicenteart.com<br>
<a href="http://www.ticowebsites.com" target="_blank"><img src="src/images/ticowebsites.jpg" alt="Paginas y Soluciones Web Costa Rica TicoWebsites" width="70" height="70" border="0"></a>
</td>
</tr>
</table>
ThePuzzleMaster
June 2nd, 2008, 07:03 PM
I don't think it's possible to do without using div's... Could be wrong, but I was able to get it to work with the help of this thread:
http://www.kirupa.com/forum/showthread.php?t=289596&highlight=flash+overlapping+table
*another important note... I wasn't publishing my .swf large enough. My swf was being published the size of the collapsed menu and not the fully expanded one.
Final working code is:
<style type="text/css">
<!--
#holder {
width: 770px;
height: 115px;
position: relative;
margin-left: auto;
margin-right: auto;
}
#swf {
width: 770px;
height: 115px;
position: absolute;
z-index: 1000;
}
-->
</style>
<script language="JavaScript" src="src/scripts.js"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="eltop">
<table width="770" height="115" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="91" colspan="7"><div id="holder">
<div id="swf"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','770','heigh t','220','title','menu','src','menu','quality','hi gh','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmod e','transparent','movie','menu' ); //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="770" height="220" title="menu">
<param name="movie" value="menu.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="menu.swf" width="770" height="220" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</noscript>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#333333">
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="305" height="125"><img src="src/images/fineart_costarica1.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="305" height="125" border="0"></td>
<td width="145" height="125"><img src="src/images/fineart_costarica2.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="145" height="125" border="0"></td>
<td width="150" height="125"><img src="src/images/fineart_costarica3.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="150" height="125" border="0"></td>
<td width="170" height="125"><img src="src/images/fineart_costarica4.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="170" height="125" border="0"></td>
</tr>
<tr>
<td width="305" height="235"><img src="src/images/fineart_costarica5.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="305" height="235" border="0"></td>
<td width="145" height="235"><a href="src/galeria_angeles.php"><img src="src/images/fineart_costarica6.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="145" height="235" border="0"></a></td>
<td width="150" height="235"><a href="src/galeria_jardintico.php"><img src="src/images/fineart_costarica7.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="150" height="235" border="0"></a></td>
<td width="170" height="235"><a href="src/galeria_proyectos.php"><img src="src/images/fineart_costarica8.jpg" alt="Vicente Chaves Costa Rica Original Fine Arts" width="170" height="235" border="0"></a></td>
</tr>
<tr>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
<td height="10"> </td>
</tr>
</table>
</tr>
<tr>
<td class="bottom">Vicente Chaves Rojas, Original Fine Art, Costa Rica ©
2007 www.vicenteart.com<br>
<a href="http://www.ticowebsites.com" target="_blank"><img src="src/images/ticowebsites.jpg" alt="Paginas y Soluciones Web Costa Rica TicoWebsites" width="70" height="70" border="0"></a>
</td>
</tr>
</table>
Powered by vBulletin® Version 4.1.10 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.