CSS Vertical Pop Out and Drop Down Menu using Peterned's csshover.htc

This semantically correct Vertical CSS Popout Menu has been finalized as of 2005-02-28. See links below for supporting files. View source to see the HTML/XHTML and CSS that controls this vertical popout menu.

Tanfa CSS DesignNote from Claire at Tanfa: This CSS vertical popout menu uses the "whatever:hover" behavior file. It is available for download from the "whatever:hover page on Perterned's site. It simply needs uploading to your website (I put it in the same directory as my CSS file /css/csshover.htc) and off you go.

There is a newer version of this file (V1.30.050121 - released 2005-01-21), since these menus were first written, which means you no longer have to use the specific selector workaround for them to work in IE5.x (see CSS comments). In our testing we've discovered that continuing to use the extra CSS specificity improves IE's rendering speed. There may not be noticeable difference in smaller menus though so using the extra specificity is no longer a requirement.

The hover targeting CSS itself has to be very specific for IE to understand it properly, again this is because we can't use child selectors.

Vertical CSS Menu

Horizontal CSS Menu

W3C Quality Assurance W3C Valid XHTML 1.0 W3C Valid CSS WAI Level A Conformance Made with Cascading Style Sheets

Last modified: 2010-09-30T12:09:42-0700