Menuing

http://www.cssplay.co.uk/menus/pro_drop12.html

http://www.cssplay.co.uk/menus/pro_variable3.html

http://www.cssplay.co.uk/menus/multi-ski.html

 

 



http://www.cssplay.co.uk/menus/pro_variable5.html

 

A top level menu item with no children:

  • 'last' in the 'li' tag if the last menu item at this level
  • 'down' in the 'a' tag if has children

A lower level menu item:

  • 'last' in the 'li' tag if the last menu item at this level
  • 'fly' in the 'a' tag if children

Where I got with navigation.ss:

<ul id="nav">
    <% control Menu(1) %>
        <li >
            <a
            <% if Children %> class = "down" <% else %> class="toplink" <% end_if %>
            href="$Link" title="Go to the $Title.XML page">$MenuTitle
            </a>
        <% if Children %>
            <ul>
            <% control Children %>
                  <li <% if Last %> class="last" <% end_if %> >
                    <a
                        <% if Children %> class = "fly" <% end_if %>
                         href="$Link" title="Go to the $Title.XML page">$MenuTitle
                    </a>
                <% if Children %>
                    <ul>
                    <% control Children %>
                          <li <% if Last %> class="last" <% end_if %> >
                            <a
                                <% if Children %> class = "fly" <% end_if %>
                                href="$Link" title="Go to the $Title.XML page">$MenuTitle
                            </a>
                        <% if Children %>
                            <ul>
                            <% control Children %>
                                  <li <% if Last %> class="last" <% end_if %> >
                                    <a <% if Children %> class = "fly" <% end_if %>
                                    href="$Link" title="Go to the $Title.XML page">$MenuTitle
                            </a>
                                </li>
                            <% end_control %>
                            <li class="last"><a></a></li>
                            </ul>
                        <% end_if %>
                        </li>
                    <% end_control %>
                    <li class="last"><a></a></li>
                    </ul>
                <% end_if %>
                </li>
            <% end_control %>
            <li class="last"><a></a></li>
            </ul>
        <% end_if %>
        </li>
    <% end_control %>
</ul>