There are many different css-based menu systems available. Here is a simple horizontal menu system with vertical drop downs. This uses lists, and comes in two forms. The “inline version” makes each menu item the length of the menu text plus some padding. The “block version” makes each menu item a fixed width regardless of the text.
A more complex horizontal menu system is available from Stu Nichols here. This has a downloadable set of files (xhtml and css) as well as a detailed explanation. It is multi-level in that it is possible to have many levels of sub-menus.
There is an even more complex version available, which allows for almost limitless customisation (including the use of graphic elements in the menus), and is guaranteed to work in all known browsers. The page also contains a link to a similarly customisable vertical menu system.
(possibly) related items of interest
- WordPress version finally (sort of) online
It has taken me a lot longer than I planned to get a version of my personal infohub thingy online in a version powered by WordPress. This is not because WordPress is difficult to work with, but rather the opposite. There are so many plug-ins and options that I have been some time deciding what paths would be best to...
- CSS menus: some templates
Today I rediscovered the CSSplay site by Stu Nicholls, a man who seems to have spent every waking hour for most of the last decade solving the most arcane cross-browser problems imaginable in css menus. A look at the front page of his site, though, reveals that this is only the tip of a very interesting iceberg....
- Universal Topic List ahoy!
The menus on this site are currently in a state of flux. Not all of them work, and not all of the entries here are currently available through any sensible method of navigation. This is because I am currently working on the next stage of developing the memi, and I am testing ideas live here. As of today the site...
- Look and Feel
A reminder of the various changes made to the default wikkawiki installation in order to achieve the effect you can see here, although this is now rendered in WordPress....
- Memi: version 6 coming soon
I am looking for the tools that I need to make the next upgrade to this site....
