Josh Weinstein wrote: > I created a menu using css and java based on the "Suckerfish dropdowns" at > http://www.htmldog.com/articles/suckerfish/dropdowns/. My problem is that > the submenu that appears on rollover takes its width from the {#nav li ul} > properties and that means that I had to make it wide enough so that the > widest links are on one line. The result is that when there are one word > links in the submenu, it looks ridiculous. > http://www.flowingpens.com/check_nav.html > > Any suggestions on how to let the width of the <a href> determine the width > of the <ul> that it sits in?
I'm not sure about the question. You mean shrink-wrapping of the ul? But wouldn't that result in a "ridiculous" small drop down? Or shrink-wrapping, combined with a min-width? You have a wide variance in the link's width, so unless you allow for wrapping of the links, this will look unbalanced, I fear. Recently I did some tests with an ul menu that uses a definition list drop-down: http://www.satzansatz.de/cssd/dlmenu.html Of course, this is not a real page. The advantage of the dl is that there are more elements to style on, the css keeps simple (li dl instead of lili ...), and its easy to have some tolerance padding zone for shaky hands. The dt allows for an introduction to the links, and it does not matter how long the links are, because there is plenty of air around them. Theoretically, the dd could be aligned in a sort of "cloud" of links, but I did not try yet. Don't know if scripting could make it accessible for keyboard use. It does not work in IE5Mac. Ingo -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
