From: "Tod" <[EMAIL PROTECTED]>

> My goal is to have a dynamically generated three level vertical 
> dropdown with the top menu items being variable length and each 
> separated by the same amount of space. I'd also like it to be as 
> browser agnostic as possible.
>
> I am following the dropdown guide at
> http://www.alistapart.com/articles/dropdowns. Everything works fine 
> but
> I found something a little quirky that is throwing me.
>
> The <li> tag width is a constant of 10em.  I decided that since I 
> can't always guarantee the text size of my list items I would try 
> and design things to be as flexible as possible. To accomplish this 
> I tried setting my width to auto. That works nicely with variable 
> length text but when I hover over a menu item the dropdown menu 
> appears horizontal instead of vertical.
>
> I'm new at this so I think there might be a good approach that I'm 
> not aware of. Any guidance would be appreciated.


Hi Tod,

While this links go to a help topic for our menu system, the technique 
used would most likely work for any cascading list menu with 
horizontal root items:

http://www.projectseven.com/products/menusystems/pmm/user_guide/styling/menu_widths/hz_root_varwidth.htm

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to