[Skip top navbar]

Andrew Gregory's Web Pages

Rocky outcrop at sunset, Approx 27°56'15"S 119°38'17"E

-

Menus


Description

My web site uses basic dropdown menus. They are based on the Netscape DevEdge DHTML menus, plus some hints from More Eric Meyer on CSS.

This type of menu is also known as a "pure CSS" menu. I use it because they're simple, lightweight, and can even work if JavaScript is disabled (up-to-date browsers only, such as Opera and Mozilla/Firefox).

I'm also using a five-year-old CSS technique called "generated content". If you're using an up-to-date browser such as Opera or Mozilla/Firefox you'll have no problems. If you're using an out-of-date browser such as Internet Explorer (which is now more than two years old) the menu items will be missing separating characters (">" and ":"). I would strongly encourage you to upgrade to Opera or Mozilla/Firefox.

Note that the generated content issue concerns my site styles only.


Other Menus

If you're interested in Windows Explorer-like collapsible trees, you might want to have a look at my Explorer Tree page.

There are some other menus systems around. The list below is a small selection. All of them have good cross-browser support.

Hallvord Steen is maintaining a list of various menu systems. More importantly, he's created a bookmarklet which attempts to identify what menu system a page is using!

Not menus, the following techniques allow Internet Explorer to apply :hover styles to any element (not just <a>s). This is very important for "pure CSS" menus to work unchanged on Internet Explorer.


-