This week's giveaway is in the EJB and other Java EE Technologies forum.
We're giving away four copies of EJB 3 in Action and have Debu Panda, Reza Rahman, Ryan Cuprak, and Michael Remijan on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes float z-index of a menu Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of EJB 3 in Action this week in the EJB and other Java EE Technologies forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "float z-index of a menu" Watch "float z-index of a menu" New topic
Author

float z-index of a menu

William Rouse
Ranch Hand

Joined: Apr 12, 2006
Posts: 73
I found a demo version of a jQuery accordion menu that I liked. I want to implement it on my soon to be published home page, What it does not do is that it pushes and pulls the content below it, as down as the accordion expands and contracts. I thought I could solve this by setting the z-index to a large number like 50 so it would sit “Zwise” above the other HTML mark-up. This does not work.
Is there any way to float the z-index above the markup?
Here is the code from the CSS file:


Thanks?
WBR
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
Only way you would get that to work is to dynamically position it with absolute positioning.

Why don't you search the JQuery Plugins for a menu since that is what a menu is designed to do?

Eric
William Rouse
Ranch Hand

Joined: Apr 12, 2006
Posts: 73
Eric:
When I looked at the jQuery plugins they did not do exactly what I wanted to do but as I study this issue more I think I need to carefully study the jQuery UI accordion plugin and hopefully when I understand it better it will be the solution.

WBR
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: float z-index of a menu
 
Similar Threads
problem as menu show behind of flash~ pls help
List item disappears in Firefox
need help with s:radio tag, display in a very strange way
Safari and IE issues.
Need help editing some css if possible (SOLVED)