I have two instances of CSS Menus on the same page. The first instance is a menubar atop my page. About 100px down the page, I have another menu with 1 button. The reason I have that 1-button menu is because it is used on a long FAQ page and people can select from the 1-button menu to jump to the individual Q&A.
The problem is that the menubar atop the page pulls down and underlaps the 1-button menu. This should not happen. The upper menubar should always overlap the lower menu.
This is a big problem because when I try to select lower portions of the main menu (the portions which underlap my 1-button menu), the main menubar is deselected and the 1-button menu drops down instead.
Yes, I have tried Bring to Front and Send to Back in multiple combinations. It doesn’t work. It’s almost like I need to tweak the z-index manually, but I don’t know how to do that.
I just tried this out in a new document and as long as the higher item
is in front of the lower item (command + will do this) then it should
work as expected. From looking at the video I can see that the menus
are children of other items, you’ll need to bring the higher parent to
the front, just bringing the menu item to the front will only bring it
to the front of items in the parent.
I hope this helps.
On 7 May 2009, at 09:43, JDW wrote:
Thank you for the reply. Sorry for my delayed response. I’ve not
had the time to make a video until today:
Joe, I appreciate the reply. But as I mentioned in my opening post, I tried making the uppermost menu a “frontmost” item but it doesn’t work. It should work. But it doesn’t. I will make my document available for you to look at offlist.
Thanks for sending the file. The quickest fix for this (the Action is
making things unnecessarily difficult, which will be addressed) is to:
Make item4a a child of Header2009
Select Header2009 and open the Item>Extended dialog (command-option-
Go to the
Click New and in the dialog that appears type z-index in Name and
99 in Value
That should be it, the reason you need to do this is due to the Action
outputting the same z-index for each menu. I’ll find some repeatable
steps and get it logged.
On 8 May 2009, at 10:07, JDW wrote:
Joe, I appreciate the reply. But as I mentioned in my opening post,
I tried making the uppermost menu a “frontmost” item but it doesn’t
work. It should work. But it doesn’t. I will make my document
available for you to look at offlist.
Joe, I am back in the office today and I just tested your method. It works, but it creates yet another problem.
The reason why I did not make “item4a” a child of “Header2009” in the first place is because the “contact, about, faq” links then become impossible to click on. That occurs because “item2a” is a CSS Menu, and it appears that CSS Menus is forcing the z-index to be such that it is impossible for me to use “Bring to Front” on item “item4a” to make those “contact, about, faq” links clickable.
So why do I even having two separate items (item2a & item4a)? Because CSS Menus unfortunately does not empower me to create a string of text links as you see there in my site. Meaning, most of the links are just text links, one of them is a drop-down menu, and there is no fixed horizontal space between them. If I create a single item with CSS Menus, then the horizontal spacing then must be fixed, and I cannot create a nice string of text links as I want.
I therefore was forced to create one item with CSS Menus applied and a separate item to hold my string of text links (which don’t have pull-down menus). It’s fussy and I don’t like it, but I have no choice in light of CSS Menus not being flexible enough to do this for me.
For the most part, my scheme of using two separate items works well. The only place where it breaks is on that FAQ page where I have the FAQ Menu overlapping due to the z-index being messed up.
So, Joe, my purpose in offering you this reply today is to ask for a solution. I want to maintain a string of text links, just as you see it in my site. I also want that FAQ Menu where you see it in my site. But I also want the “item2a” pull down menu to OVERlap the FAQ Menu.
Not having a coder’s brain, this took me a while to figure out. Today I discovered that it is actually necessary to perform a modification of Joe’s advice on two separate items in my case, in order to get it to work right.
For reasons I have given in my previous post above, I could not make “item4a” (my string of text links) a child of “Header2009” without breaking my menu design. But if I don’t make “item4a” a child of that header and then followed Joe’s advise as-is, my string of text links will be hidden behind the header, out of view. But I discovered a fix today.
What I did was select “item4a” and added Joe’s code in the Extended dialog, with the z-index set to 99. I then selected “Header2009” and did the same, except I made that z-index 98.
Now my menu works as expected and the menu properly OVERlaps the FAQ Menu.