skip to content or skip to search form

Peiratikos 2.0: Nested menus!

If you’re using Mozilla or Netscape browsers, you’ll note our site menu across the top of the web pages has been replaced by a sidebar menu with popup submenus. No Javascript—it’s all CSS (link to the web site of Eric Meyer, international man of mystery/CSS expert). For those who care, it’s an easy effect to achieve:

li ul { display: none; }
li:hover > ul { display: block; }

is the basic CSS foundation, add formatting and positioning code to that and you’re set. Of course, it doesn’t work in Internet Explorer. Our menu there is not in its final state, but still, I think pretty neat.