Feb 28
CSS flyout submenus, update
2004 at 12.30 pm posted by Veerle Pieters
I promised to keep you up-to-date, so here it goes... I'm still not there yet but I got some extra big help from a member of my blog, Travis. He did an amazing job by adding another script for the submenu and he also turned my tabled layout into CSS. Except for the dropdowns, everything is rendered by CSS now. Thanks Travis! :-) And to the others as well.
Just wanted to give you an update. Lots of other things came in between today like household stuff and other even more urgent work and so I didn't get much further yet because of the lack of time. Tomorrow is another day... And I still got some time right now, so who knows...
Update on Feb 29th: I've been able to fix the problem of the movement of menu buttons. Solutions for the other problem (the center content form controls show through the expanded menus) aren't very encouraging :
- http://www.webreference.com/dhtml/diner/seethru/
- http://www.faqts.com/knowledge_base/view.phtml/aid/10146
If anybody finds a more elegant solution to this, don't hesitate to post it here. In the mean time watch for Monday's post, then I'll explain everything.
4served
1
So does this work in all major webbrowsers now?
Ie5/5.5/win too? If it did, it’d be really really great. (otherwise just great :)
2
Its all fucked up in Explorer 6.0.2800 Windows XP PRO SP1
CSS menu are over the drop-down menu
3
Well, yes, it’s being [messed] up while displaying over the form elements was one of the original issues that we were trying to address.
While the menus should now work (I tested on IE5/Mac, IE 6 Win, Safari, and Firefox) with several major browsers, the 2 original IE 6 issues remain:
1) The items in the first set of menus jump a little when mousing over them.
2)The center content form controls show through the expanded menus.
Looking around the web, this is a known issue with Win IE 5 and 6, but hopefully someone will have a nice workaround. I saw some funky scripts to hide the form elements when they would be covered by the menu, but maybe there’s something more elegant.
If nothing comes up, one idea would be to push the forms down below the menus or float the forms to the right of the main content div. It’s not as pretty, but it could work around the problem.
Doesn’t it just seem like we’re always working around bugs in IE these days? ;)
4
Veerle,
Visited your site via via… there is a solution for the form drop downs… look at the example on http://www.aplus.co.yu/sparks/adxmenu/examples/winxp.asp
The nice thing is that it is not so difficult to implement. Unfortunately, it doesn’t work with IFRAMEs as there is a similar problem.