Semi-transparent, nested drop-down menus at WebCommons.
Only a couple of days after it launched, I have just done a large overhaul of WebCommmons. The changes came off the back of feedback from our FaceBook page and are mainly in the area of navigation.
Drop-down menus seem to have taken something of a back seat with the proliferation of content management systems (keeping the code dynamic seems to have presented problems) but they are a very neat way of ensuring smooth and easy navigation through a large site and, given the rapidity with which the scope of WebCommons is expanding already, it seemed sensible to implement these menus before we really got to grips with it.
Having said that, I haven't tested it with Internet Explorer yet, so if anyone could see their way to taking a screenshot, similar to the one above, using IE6 or IE7 (or even just let me know whether it looks OK) that would be fantastic.
I shall be playing around with page placement and content throughout the day, but we will continue to serve the various feeds without interruption.
UPDATE: thanks for all the screenshots. Some work to do, by the look of it. Fuck, but I hate IE...
The site in IE7. The menus are shifted along by one category: that menu should be appearing below the "Feeds" option. PLus, that missing image icon is from the RSS Reader module: it is an option that is supposed to be switched off and invisible but, oooooh no, IE decides to render it as a missing image.
The site in IE6: just a fucking trainwreck.
Seriously, IE is the destroyer of all that is good and decent in the web design world. Everyone else works to standards: why the fuck does Microsoft think that it should be different? It's not as though IE adds better functionality: it doesn't. So what's the fucking point?
Whilst other browsers are working towards implementing CSS3 standard libraries—which include things like rounded corners and gradients without having to use images—and other browsers such as WebKit are pushing the boundaries even further (with CSS defined transforms and animation), Internet Explorer does not even support CSS1 correctly. And it buggers them up in fairly fundamental ways.
So, how to move forward? Well, I think that I can fix the IE7 problems, but I think that I will force IE6 to use the old stylesheet, so you won't get the dropdowns at all.
FUCK YOU, MICROSOFT, YOU PIECE OF SHIT! I hate you so very, very much.