Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

one div layer refuses to show

Status
Not open for further replies.

chelze

Technical User
Mar 2, 2003
2
NZ
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;
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=&quot;forms&quot; style=&quot;position:absolute; z-index:1;&quot;>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>About Freelance Computers</a></p>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>Offices & Contacts</a></p>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>Products</a></p>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>Services</a></p>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>News</a></p>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>Forms</a></p>
  <ul>
	<li><a href=&quot;forms.htm&quot; target=&quot;mainMenu&quot; class=&quot;submenu&quot;>Report a Fault</a></li>
  </ul>
  <p><a href=&quot;#&quot; class=&quot;mainmenu&quot; onClick=&quot;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&quot;>Employment Opportunities</a></p>
</div>

This works with all the other layers. Any help would be much appreciated.
 
Thanks for your reply. Someone mentioned to me to rename the div id to anything but forms. So I gave the layer a new id & now it works!?! Beats me!
The html for all the working layers was exactly the same, this is why I couldn't figure it out.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top