Stu Nicholls worked out how to code CSS and XHTML to produce the menus I've used for this site. Here I show the menu description file for his example menu and the resulting menu generated by make_menu. First the menu:
Figure 1. The Stu Nicholls menu. The "Products" entry starts a cascade of submenus.
#nogo Home
#nogo About us
#nogo Products
#nogo Tripods
#nogo Films
#nogo Cameras
#nogo Compact
#nogo Digital
#nogo Canon
#nogo Nikon
#nogo Lenses
#nogo Speedlight
#nogo Coolpix
#nogo Coolpix S10
#nogo Coolpix L2
#nogo Coolpix S500
#nogo Coolpix P5000
#nogo Coolpix 4600
#nogo Coolpix S6 Silver
#nogo D200
#nogo D80
#nogo Minolta
#nogo Pentax
#nogo SLR
#nogo Flash
#nogo Video
#nogo FAQs
#nogo Privacy
#nogo Contact us
Figure 2. The menu description file for the Stu Nicholls menu.
<li><a href="#nogo">Home</a></li> <li><a href="#nogo">About us</a></li> <li class="drop"><a href="#nogo">Products <!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#nogo" class="enclose">Tripods</a></li> <li><a href="#nogo">Films</a></li> <li class="fly"><a href="#nogo">Cameras <!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#nogo" class="enclose">Compact</a></li> <li class="fly"><a href="#nogo">Digital <!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#nogo" class="enclose">Canon</a></li> <li class="fly"><a href="#nogo">Nikon <!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#nogo" class="enclose">Lenses</a></li> <li><a href="#nogo">Speedlight</a></li> <li class="fly"><a href="#nogo">Coolpix <!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#nogo" class="enclose">Coolpix S10</a></li> <li><a href="#nogo">Coolpix L2</a></li> <li><a href="#nogo">Coolpix S500</a></li> <li><a href="#nogo">Coolpix P5000</a></li> <li><a href="#nogo">Coolpix 4600</a></li> <li><a href="#nogo">Coolpix S6 Silver</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo">D200</a></li> <li><a href="#nogo">D80</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo">Minolta</a></li> <li><a href="#nogo">Pentax</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo">SLR</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo">Flash</a></li> <li><a href="#nogo">Video</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo">FAQs</a></li> <li><a href="#nogo">Privacy</a></li> <li><a href="#nogo">Contact us</a></li>
Figure 3. The XHTML for the Stu Nicholls menu as generated by program make_menu.
Ugly page!
