mazzi
03-31-2005, 11:37 PM
I am a webmaster for a Yahoo store that sells medical equipment. I have this crazy boss who thinks that every possible category of medical equipment should be listed in the side navigation (http://www.medicalresourceusa.com/). Despite numerous attempts to convince him that this really, really sucks, he and the sales team won't budge.
(Oh, and I also recently discovered that my CSS topnav is totally borked in IE, but that's another issue altogether.)
As a compromise, I am now trying to organize this mess into a flyout menu. I managed to piece together a Frankenstein version of this CSS menu (http://www.alistapart.com/articles/horizdropdowns/), which uses a wee bit of JavaScript to patch over IE bugs. With minimal CSS skills and no experience with JavaScript whatsoever, I finally figured out how to get this bad boy (http://www.medicalresourceusa.com/flynav.html) working. All of the CSS and JavaScript is in the <HEAD> tag for your viewing pleasure.
Problem is, the submenus always fly downwards from the main menu. So when you mouse over the links near the bottom of the menu, they fly out of the bottom of the browser window, causing a scrollbar to appear on the right. Is it possible to get the submenus to recognize when they don't have enough room and fly upwards when necessary?
(Oh, and I also recently discovered that my CSS topnav is totally borked in IE, but that's another issue altogether.)
As a compromise, I am now trying to organize this mess into a flyout menu. I managed to piece together a Frankenstein version of this CSS menu (http://www.alistapart.com/articles/horizdropdowns/), which uses a wee bit of JavaScript to patch over IE bugs. With minimal CSS skills and no experience with JavaScript whatsoever, I finally figured out how to get this bad boy (http://www.medicalresourceusa.com/flynav.html) working. All of the CSS and JavaScript is in the <HEAD> tag for your viewing pleasure.
Problem is, the submenus always fly downwards from the main menu. So when you mouse over the links near the bottom of the menu, they fly out of the bottom of the browser window, causing a scrollbar to appear on the right. Is it possible to get the submenus to recognize when they don't have enough room and fly upwards when necessary?