Question

How can I use a css drop down menu in the WebTopBar?
I am having some problems. When the menu is displayed and it exceed the TopBar limit, it seems to be placed behind the central page block.
I have already tryed to modify the z-index css property but it doesn´t work.
Can someone help me?

Thanks

Environment

-- DaniloVasconcelos - 25 May 2006

Answer

Can you give code or a pointer to an example that you want to use?

-- ArthurClemens - 25 May 2006

Top drop down menus are a pain, and they don't work with all browsers (especially IE, which despite our grievances, is still #1). Even pop-up menus from the left won't appear the same on all browsers. I am a novice web-designer but I spent some time getting my menus to work. Feel free to steal them and do as you would: http://www.mru.brain.riken.jp This is based on twiki 4.0.1 and modified FlexibleSkin (so the design and menus and css are all editable from a web browser). However, to be multi-browser compatible, it requires some javascript. I learned everything I needed by googling 'css menus'.

-- ChadBoulay - 31 May 2006

See Plugins.QuickMenuSkin that implements such a dropdown menu.

-- ArthurClemens - 13 Jun 2006