Ultimate Web Site Drop Down Menu Forum

Ultimate Web Site Drop Down Menu Forum (http://www.udm4.com/forum/index.php)
-   Demos and Configurations (http://www.udm4.com/forum/forumdisplay.php?f=7)
-   -   UDM won't display submenus (http://www.udm4.com/forum/showthread.php?t=32)

08-02-2007 07:10 PM

UDM won't display submenus
 
One of the more frequently asked questions I receive about the UDM menu is often about the menu not properly expanding submenus.

The UDM menu is designed to work with properly nested <ul> and <li> tags. If these tags are not properly nested, the UDM menu (either CSS or javascript) will not be able to properly access the right elements when you hover over a list item. Thus, the menu appears to not work.

The most common problem is closing a <li> tag too early.

Example:
Code:

<ul id="udm" class="udm">
    <li><a href="/">Home</a></li>
    <ul>
        <li><a href="/page.html">Sub page</a></li>
    </ul>
</ul>

In the example above, the sub page link, is properly nested in a <ul> <li> combination, but there is a closing </li> before the sub page link. The correct placement should be like this:

Code:

<ul id="udm" class="udm">
    <li><a href="/">Home</a>
        <ul>
            <li><a href="/page.html">Sub page</a></li>
        </ul>
    </li>
</ul>

There are several online resources that can help you identify such problems. One of the better ones is the W3C validator available here:

http://validator.w3.org

Using this tool should help with 95% or more of these types of issues.

colech 11-06-2008 02:35 PM

FOR EXPANDING MENUS:
When creating expanding menus, another thing that is easy to overlook is that the class, "onclick" needs to be added to all <li> tags like this:

Code:

<ul id="udm" class="udm">
    <li class="onclick"><a href="/">Home</a></li>
    <ul>
        <li class="onclick"><a href="/page.html">Sub page</a></li>
    </ul>
</ul>



All times are GMT. The time now is 10:15 PM.

Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.