I have added a javascript drop down menu to the website I am working on. This website has a flash header. I am having different problems with different web browsers:
IE6) when you roll over a menu with a drop down, the flash disappears alltogether.
FF2) when you roll over a menu with a drop down, the flash "flashes" and lines appears as you move through thte dropped down menu,
IE7)same as IE6
Live test page to demonstrate the problem:
http://lightningcom.com/v1.0/test.html
Code for that page:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lightning Communication Systems, Inc.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">
/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body>
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<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', '798',
'height', '140',
'src', 'LightningHeaderAnim',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'LightningHeaderAnim',
'bgcolor', '#000000',
'name', 'LightningHeaderAnim',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'LightningHeaderAnim',
'salign', ''
); //end AC code
}
</script>
<div id="container">
<div class="header">
<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="798" height="140" id="LightningHeaderAnim" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="LightningHeaderAnim.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="LightningHeaderAnim.swf" quality="high" bgcolor="#000000" width="798" height="140" name="LightningHeaderAnim" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
<div class="menu">
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm" rel="ddsubmenu1">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="ddsubmenu2">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/" rel="ddsubmenu3">Web Tools</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
</div>
<div class="ticker">
<center>
TICKER TEST AREA
</center>
</div>
<div class="content">
<table id="Table_01" width="799" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="images/index_01.gif" width="798" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="images/index_02.gif" width="207" height="361" alt=""></td>
<td>
<a href="computer_services.php"
onmouseover="window.status='Computer & Networking Services'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Computer-%26-Networking-Servi.gif" width="284" height="220" border="0" alt="Computer & Networking Services"></a></td>
<td rowspan="9">
<img src="images/index_04.gif" width="16" height="748" alt=""></td>
<td>
<a href="audio_video.php"
onmouseover="window.status='Commercial & Home Audio/Video-web_05'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Commercial-%26-Home-AudioVide.gif" width="284" height="220" border="0" alt="Commercial & Home Audio/Video-web_05"></a></td>
<td rowspan="9">
<img src="images/index_06.gif" width="7" height="748" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="220" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_07.gif" width="284" height="18" alt=""></td>
<td>
<img src="images/index_08.gif" width="284" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<a href="telephone_systems.php"
onmouseover="window.status='Telephone Systems & Services'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Telephone-Systems-%26-Service.gif" width="284" height="220" border="0" alt="Telephone Systems & Services"></a></td>
<td rowspan="3">
<a href="security.php"
onmouseover="window.status='Security'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Security-web_10.gif" width="284" height="220" border="0" alt="Security"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="123" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_11.gif" width="7" height="387" alt=""></td>
<td>
<a href="http://www.lakemichiganbeach.com/lightning/questionnaire.php"
onmouseover="window.status='Lightning Web Design Services'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Lightning-Web-Design.gif" width="184" height="96" border="0" alt="Lightning Web Design Services"></a></td>
<td rowspan="6">
<img src="images/index_13.gif" width="16" height="387" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="96" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_14.gif" width="184" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="http://www.crystalgraphics.com/default.asp?aid=lightningcom&p=aff17" target="_blank"
onmouseover="window.status='Crystal Graphics'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Crystal-Graphics.gif" width="184" height="68" border="0" alt="Crystal Graphics"></a></td>
<td>
<img src="images/index_16.gif" width="284" height="17" alt=""></td>
<td>
<img src="images/index_17.gif" width="284" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="radio.php"
onmouseover="window.status='2-way Radio Communications'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/2-way-Radio-Communications.gif" width="284" height="220" border="0" alt="2-way Radio Communications"></a></td>
<td rowspan="2">
<a href="training.php"
onmouseover="window.status='Software & Hardware Training'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/Software-%26-Hardware-Trainin.gif" width="284" height="220" border="0" alt="Software & Hardware Training"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="51" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_20.gif" width="184" height="222" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="169" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_21.gif" width="284" height="53" alt=""></td>
<td>
<img src="images/index_22.gif" width="284" height="53" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
</table>
</div>
</div>
<!--Top Drop Down Menu 1 HTML-->
<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
<ul>
<li><a href="#">Sub Item 3.1a</a></li>
<li><a href="#">Sub Item 3.2a</a></li>
<li><a href="#">Sub Item 3.3a</a></li>
<li><a href="#">Sub Item 3.4a</a></li>
</ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
<ul>
<li><a href="#">Sub Item 5.1a</a></li>
<li><a href="#">Item Folder 5.2a</a>
<ul>
<li><a href="#">Sub Item 5.2.1a</a></li>
<li><a href="#">Sub Item 5.2.2a</a></li>
<li><a href="#">Sub Item 5.2.3a</a></li>
<li><a href="#">Sub Item 5.2.4a</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>
<!--Top Drop Down Menu 2 HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">Item 1b</a></li>
<li><a href="#">Item 2b</a></li>
<li><a href="#">Item Folder 3b</a>
<ul>
<li><a href="#">Sub Item 3.1b</a></li>
<li><a href="#">Sub Item 3.2b</a></li>
<li><a href="#">Sub Item 3.3b</a></li>
<li><a href="#">Sub Item 3.4b</a></li>
</ul>
</li>
<li><a href="#">Item 4b</a></li>
<li><a href="#">Item Folder 5b</a>
<ul>
<li><a href="#">Sub Item 5.1b</a></li>
<li><a href="#">Item Folder 5.2b</a>
<ul>
<li><a href="#">Sub Item 5.2.1b</a></li>
<li><a href="#">Sub Item 5.2.2b</a></li>
<li><a href="#">Sub Item 5.2.3b</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 6b</a></li>
</ul>
<!--Top Drop Down Menu 3 HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
<li><a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a></li>
<li><a href="http://tools.dynamicdrive.com/password/">htaccess Password</a></li>
<li><a href="http://tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
</ul>
</body>
</html>
If you need anything else, please let me know.
Thanks.