JavaScript Menus and Form Elements
Hi Everyone!
I was very excited to see this web site. I hope that maybe someone may have encountered this problem and could help me out.
I have three html pages (not frames) that are "included" together to form one nice web page. I have a top page, a left page, and a content page where most of my information goes. The point is that each one is independent of the other.
On the top page, I have a JavaScript navigational bar. A user can point to a menu option and the sub-menu options expand. The user can click on a sub-menu option to go to that page. It's a simple nav bar made from JavaScript. Due to the limits of my project, I have to stay away from DHTML so I used regular JavaScript.
On the content page, which appears below the nav bar, I have lots of pulldown menus and they have to be there. The problem is that when you point to the top navigational bar, all of the menus on the nav bar go behind my pulldown menus on the content page and you can't see the nav bar because it is behind them. This happens in both IE 6.0.26 and Netscape 6.2.
I have to find a way to force the nav bar to always be on top of everything that it comes in contact with and do it in JavaScript. Does anyone know how to do this? Has anyone heard or used an HTML tag called Z-Index? Would this work? If yes, how?
I'm desperate. Any help is awesome. Thank you!
Allen
|
Subscribe
Linear Mode
