Basically I have 7 layers that contain text links. The layers are all right on top of one another to create a drop-down menu. The layers are all positioned with css & the visibility set to hidden. All work just fine except for the 2nd to last one(id=forms), which will not show up at all? I'm baffled, been over & over the code, deleted the layer, made another one etc.
The css for the div tag is;
I have used;
The html for the div id=forms is;
This works with all the other layers. Any help would be much appreciated.
The css for the div tag is;
Code:
div {
position: absolute;
width: auto;
left: 5px;
top: 80px;
height: auto;
visibility: hidden;
z-index: 1;
}
I have used;
Code:
onLoad="MM_showHideLayers('about','','hide','offices','','hide','products','','hide','services','','hide','news','','hide','forms','','show','employ','','hide')
The html for the div id=forms is;
Code:
<div id="forms" style="position:absolute; z-index:1;">
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','show','offices','','hide','products','','hide','services','','hide','news','','hide','forms','','hide','employ','','hide');MM_goToURL('parent.frames[\'headFrame\']','topabout.htm','parent.frames[\'mainFrame\']','about.htm');return document.MM_returnValue">About Freelance Computers</a></p>
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','hide','offices','','show','products','','hide','services','','hide','news','','hide','forms','','hide','employ','','hide');MM_goToURL('parent.frames[\'headFrame\']','topoffices.htm','parent.frames[\'mainFrame\']','offices.htm');return document.MM_returnValue">Offices & Contacts</a></p>
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','hide','offices','','hide','products','','show','services','','hide','news','','hide','forms','','hide','employ','','hide');MM_goToURL('parent.frames[\'headFrame\']','topproducts.htm','parent.frames[\'mainFrame\']','products.htm');return document.MM_returnValue">Products</a></p>
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','hide','offices','','hide','products','','hide','services','','show','news','','hide','forms','','hide','employ','','hide');MM_goToURL('parent.frames[\'headFrame\']','topservices.htm','parent.frames[\'mainFrame\']','services.htm');return document.MM_returnValue">Services</a></p>
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','hide','offices','','hide','products','','hide','services','','hide','news','','show','forms','','hide','employ','','hide');MM_goToURL('parent.frames[\'headFrame\']','topnews.htm','parent.frames[\'mainFrame\']','news.htm');return document.MM_returnValue">News</a></p>
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','hide','offices','','hide','products','','hide','services','','hide','news','','hide','forms','','show','employ','','hide');MM_goToURL('parent.frames[\'headFrame\']','topforms.htm','parent.frames[\'mainFrame\']','forms.htm');return document.MM_returnValue">Forms</a></p>
<ul>
<li><a href="forms.htm" target="mainMenu" class="submenu">Report a Fault</a></li>
</ul>
<p><a href="#" class="mainmenu" onClick="MM_showHideLayers('about','','hide','offices','','hide','products','','hide','services','','hide','news','','hide','forms','','hide','employ','','show');MM_goToURL('parent.frames[\'headFrame\']','topemploy.htm','parent.frames[\'mainFrame\']','employ.htm');return document.MM_returnValue">Employment Opportunities</a></p>
</div>
This works with all the other layers. Any help would be much appreciated.