Return to Snippet

Revision: 30110
at August 7, 2010 21:01 by giuliom


Initial Code
<div id="productsandservices" class="yuimenu">
    <div class="bd">
        <ul class="first-of-type">
            <li class="yuimenuitem">            
                <a class="yuimenuitemlabel" href="#communication">
                    Communication
                </a>
                <!-- A submenu -->
                <div id="communication" class="yuimenu">
                    <div class="bd">
                        <ul>
                        <!-- Items for the submenu go here -->
                        </ul>
                    </div>
                </div>                    
            </li>
            <li class="yuimenuitem">
                <a class="yuimenuitemlabel" href="http://shopping.yahoo.com">
                    Shopping
                </a>
                <!-- A submenu -->
                <div id="shopping" class="yuimenu">
                    <div class="bd">                    
                        <ul>
                        <!-- Items for the submenu go here -->
                        </ul>
                    </div>
                </div>                    
            </li>
            <li class="yuimenuitem">
                <a class="yuimenuitemlabel" href="http://entertainment.yahoo.com">
                    Entertainment
                </a>
                <!-- A submenu -->
                <div id="entertainment" class="yuimenu">
                    <div class="bd">                    
                        <ul>
                        <!-- Items for the submenu go here -->
                        </ul>                    
                    </div>
                </div>                                        
            </li>
            <li class="yuimenuitem">
                <a class="yuimenuitemlabel" href="#information">
                    Information
                </a>
                <!-- A submenu -->
                <div id="information" class="yuimenu">
                    <div class="bd">                                        
                        <ul>
                        <!-- Items for the submenu go here -->
                        </ul>                    
                    </div>
                </div>                                        
            </li>
        </ul>            
    </div>
</div>

Initial URL


Initial Description


Initial Title
Markup for a hierarchical YUI Menu

Initial Tags


Initial Language
HTML