Flex Level Drop Down Menu Width [Archive]

martino

03-12-2010, 08:07 PM

1) Script Title: Flex Level Drop Down Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm

3) Describe problem:

The script is great, I just would like to modify the 1st dropdown menu width and be able to modify the 2nd level (sub-menu) dropdown menu.

ie.

->I'd like to make the initial drop down width=140px
-> Second level (sub-menu) should be width=200px.

Any help would be greatly appreciated.
Thanks!
Martin

ddadmin

03-13-2010, 03:44 AM

The width of the menus is set by the widths of the inner link elements (A). This means to modify the widths of a particular sub menu for example, you should modify the widths of that sub menu's A elements. For example:


<ul id="flexmenu1" class="flexdropdownmenu">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
<ul class="customwidthz">
<li><a href="#" style="width:190px">Sub Item 3.1a</a></li>
<li><a href="#" style="width:190px">Sub Item 3.2a</a></li>
<li><a href="#" style="width:190px">Sub Item 3.3a</a></li>
<li><a href="#" style="width:190px">Sub Item 3.4a</a></li>
</ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
<ul>
<li><a href="#">Sub Item 5.1a</a></li>
<li><a href="#">Item Folder 5.2a</a>
<ul>
<li><a href="#">Sub Item 5.2.1a</a></li>
<li><a href="#">Sub Item 5.2.2a</a></li>
<li><a href="#">Sub Item 5.2.3a</a></li>
<li><a href="#">Sub Item 5.2.4a</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>