Extension talk:CSS Dropdowns

no IE6-support
hi! I'm very POSITIVE impressed that there's an extension for an css menu, BUT: ist's a pity there's no IE6-support. I think that makes shure that quite nobody uses this extention. You write that you've stopped trying an IE6-workaround. I don't know how the cssmenu exactly works, but you may look at this: http://cssplay.co.uk/menus/ look at this samples... the all work in ie6, the following also: http://cssplay.co.uk/menus/drop_definition.html

and is there any preview site?

regards, joethegeek

Don't work with Firefox 2 and Opera.

Is there some way we can see an example of this?

--

Opera
I tried this with Seamonkey 1.1.3 and Opera 9.22; in Seamonkey, the menues appear and look quite nice; however, in Opera, they are completely broken; only the first one gives a pulldown, the second menu is outfolded, won't pull up or go away, and it is misplaced (appears partially outside the menu). I don't care too much about IE6, but the lack of support Opera is a showstopper for me - ymmv ;-) Regards, --00:11, 6 August 2007 (UTC)

Hey I think I have an answer for you. I use Ubuntu for my MediaWIKI and the only way I could get the drop down menus to work after the first is to only add one line per editing. Meaning I copy and paste that huge set of syntax for each drop down menu. Unknown Source 

Can I...
Hello,

I was wondering if there was a way I could include the Drop Down menu on any part of a page, that way I could choose where it goes.

Thanks

Link to CSS is broken
Hi, I am trying to use this extension, but the link to the CSS is broken. Is there anyway someone could put the necessary CSS for the dropdowns to work on the extension page, rather than relying on an external link? Jake4d 14:58, 12 January 2011 (UTC)
 * I have emailed and now contacted him on two sites. Hopefully he will respond and fix these links. Igottheconch 20:13, 25 November 2011 (UTC)
 * I think this is it:
 * http://www.theplaz.com/static/dropdowns/1.0/drop_down_menus.css
 * based on google search 20:48, 25 November 2011 (UTC)
 * It is, I am adding it to the main page. Igottheconch 09:08, 26 November 2011 (UTC)

edit tools
Edit tools also has a drop down:

MediaWiki:Edittools

Igottheconch 20:13, 25 November 2011 (UTC)

Doesn't work
Here is a screenshot of what I got: http://gyazo.com/9a69f1b4d414adc942302716801db6d2.png This is on firefox 4.0.1. Igottheconch 09:16, 26 November 2011 (UTC)
 * i take that back it works! http://gyazo.com/0f5ac58062c0193d16d424ac6f249a37.png Need to give it a minute for it to work. Igottheconch 09:17, 26 November 2011 (UTC)

Alternate
Igottheconch 00:56, 28 November 2011 (UTC)

Here is my alternate version with different colors:

old pic
Igottheconch 01:04, 28 November 2011 (UTC)

replaced with picture of mod with better colors.



Minor Alteration of Igottheconch's Code
I'm pretty new to all this css and mediawiki hackery so if what I did isn't what you'd call kosher, feel free to call me out. I appreciate any constructive criticism. Basically, all I added was the code at the top that set the bodyContent and siteNotice to z-index 98 and 99 respectively. The menu bar's drop down items were appearing behind the bodyContent for me. I added those lines of code and it was fixed. I was using chrome and the nice rounded edges weren't appearing for me so I added the standard "border-radius" lines in the appropriate places. Other than that all I changed was the color to suit my purposes.


 * I've copied your changes onto the main page. -ThePlaz (talk) 03:24, 21 June 2012 (UTC)

adding 2nd and 3rd lvl dropdown
Has anyone gotten a 2nd or 3rd level dropdown menu to work?

I got the first one, but I cannot figure how to add more. I have: Book ==>Book1

I want: Book ==>Book1 ====>Page1 ====>Page2 etc

fix for your issue
on the Extension page, where the CSS code is, there is a type in the CSS code:

div#siteNoticeul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

should be

div#siteNotice ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

hope that fixes your issue.

Incorporation into Skin
I was just going to post that I have worked to incorporate this extension directly into a skin I am developing, called Island.

Instead of using the Common.css method you utilize here, I added it to its own .css file and included it directly into the skin.

Hope that is okay with you.