Create Advanced CSS Menus

A PDF guide to creating stylish CSS menus from a simple HTML unordered list. CubeCart v3 uses single level HTML unordered list to create the category menu, this guide can help you learn how to take that menu past the bullet pointed list to an all new style of menu.

This guide is not specific to any particular website system, the same styling principles and code applies to any and all CSS menus using this simple bullet point list to display the menu. It therefore applies to a majority of content management systems.

The guide includes the following:

• 20 pages of step by step instructions on creating the menus, starting at the simple bullet pointed list through to the full mouse-over full width menu as shown in the product image
• Includes the exact code required at every stage of the guide, right through to the working menu
• Standard HTML and CSS techniques, no Javascript!
• How to resolve layout issues between Internet Explorer and Firefox
• How to style multiple level menus, simply by adding a few extra characters to the styling. Helpful if working with a CubeCart v4 menu
• How to troubleshoot styling problems
• How to adapt CubeCart's bullet point menu to the new style menu, using the Classic or Legends themes for the example
• Ideal accompaniment to the Advanced Expanding Category Links mod.
• Primarily written with CubeCart v3 in mind, but also applies to CubeCart v4

The final working menu code in this guide has been confirmed as compatible and working correctly with a variety of browsers on the PC with Internet Explorer 6/7, Firefox 3, Netscape 8 and Opera, and on the Mac with Firefox, Safari, Internet Explorer, and Camino.

Your website menu will never be the same again.