Fly-out Menu for Web Pages, in Pure CSS - ΩJr. Software Articles and Products

This information lives on a web page hosted at the following web address: 'https://omegajunior.globat.com/code/'.

A.E.Veltstra
10 May 2004

A hierarchical menu for web pages. Its sub menus fly out due to the CSS hover pseudo-class.

Do you see the menu buttons below? Point at them. What happens? Chances are, if you see hierarchical menus dropping down, you're using a smart browser. The menus are displayed using a bit of CSS.

If you don't see the menus, you're probably using an old browser based on Internet Explorer or Konqueror. Why does this happen? Because their implementation of CSS is flawed. They think only hyperlinks can be hovered. Other elements don't get a hover pseudoclass.

Is there a solution for Internet Explorer? Yes. Implement a simple Javascript. Which we did, in this example of a fly-out menu for MSIE7 and older.

Need problem solving?

Talk to me. Let's meet for coffee or over lunch. Mail me at “omegajunior at protonmail dot com”.