Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:17
Menu won't appear over table in Explorer
Poster: spg1e
Dated: Tuesday August 26 2003 - 15:41:25 BST
I am having a problem getting my menu (version 5) to appear even though I didn't have a problem with version 3. My pages have a table with assigned absolute values so they are always positioned in the same place. The problems appears to be that the menu is being covered by the table. If I remove the line <div class="class"> the menu appears correctly. Or if I move the table down, the menu will appear above it. Incidently, I don't have a problem with Safari, only Explorer (for the Mac). I haven't tried a pc version yet.
I am a beginner at this so I hope I haven't been too inarticulate trying to explain the problem.
Thanks for your help,
Steve Goodman
I have given an example of code below.
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Laureate Authors</title>
<link rel="stylesheet" href="../../shared/font%20styles.css">
<style media="screen" type="text/css"><!--
.class1 { padding-right: 10px; padding-left: 10pt }
.class {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
visibility: visible;
}
--></style>
<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="menu_data2.js" type=text/javascript></SCRIPT>
</head>
<body bgcolor="#ffffff">
<div class="class">
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td colspan="5">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td rowspan="2" align="left" width="150"><img src="../../images/mastimages/mastpics_01.gif" alt="Link to home page" width="157" height="101" border="0"></td>
<td><img src="../../images/mastimages/mastpics_02.gif" width="593" height="61" border="0"></td>
</tr>
<tr>
<td><img src="../../images/aboutllsmast.gif" width="593" height="40" border="0"></td>
</tr>
</table>
</td>
</tr>
<tr height="16">
<td height="16" width="150"><img src="../../images/spacer149.gif" width="149" height="10" border="0"></td>
<td height="16" width="20"></td>
<td height="16" width="420"></td>
<td height="16" width="20"></td>
<td width="140" height="16"><img src="../../images/spacer139.gif" width="139" height="9" border="0"></td>
</tr>
<tr>
<td valign="top" width="130" bgcolor="white">
<p> </p>
</td>
<td valign="top" background="../../images/linediv.gif" width="20"><img src="../../images/linediv.gif" width="20" height="10" border="0"></td>
<td width="420" valign="top"><div align="center"></div>
</td>
<td valign="top" background="../../images/linediv.gif" width="20"><img src="../../images/linediv.gif" width="20" height="10" border="0"></td>
<td valign="top" width="110">
<div align="center">
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
Poster: John
Dated: Tuesday August 26 2003 - 15:57:44 BST
Please post a URL so we can see the rest of your code.
menu is covered by a table
Poster: spg1e
Dated: Tuesday August 26 2003 - 16:29:46 BST
Here's the address of a test page that works in Safari but not Explorer (on the Mac). In Explorer, the pull down menu is being covered by a table.
http://www.llsys.com/parents/llsinfo/problemmenu.html
I just found out the menu works properly with Explorer for the PC and Opera for the Mac and PC. Mac Explorer seems to be the only problem.
Poster: Maz
Dated: Tuesday August 26 2003 - 17:27:38 BST
I don't see the menu on the mac, I would have said use the slash before and check file paths, but if its working in other browsers, then its probably the div, I have never used the div tag because when I was learning html I was told to not use it, and now it can be a problem or so I've heard in this forum. My suggestion is to search 'div' in the forums or try without the div first to see if it is the problem.
Poster: John
Dated: Tuesday August 26 2003 - 18:29:26 BST
As you said, it does work on a PC. I can't check on a Mac until I get home.
What OS and IE version are you having problems with on Mac?
BTW, you forgot to add your techsup menu
Poster: spg1e
Dated: Tuesday August 26 2003 - 20:54:34 BST
Thanks to all of you who offered advice. I discovered that if I designated the z value for the division that contained the table as a negative number, the menu appears on top of the table. As I mentioned before, this was only a problem for the Mac version of Explorer 5.2 so I think the problem is fixed.
Thanks again,
Steve Goodman