To complete the set of inline menus this is the flyout version with variable width and NO hacks of any kind, just html and css.

Using the Fit and Shrink Technique to produce an image enlarger which does not need the image sizes to be defined.

A flyline / dropdown menu with CSS3 enhancements for browsers that support animation.

A slide out menu with CSS3 enhancements for browsers that support animation.

Using CSS3 to produce an animated tabs menu with no images.

A dropline menu with an overrun area and CSS3 enhancements.

A dropdown menu with a twist and CSS3 enhancements.

A simple photo gallery with CSS3 enhancements to rival javascript versions.

A simple picture gallery with CSS3 enhancements and pictures of various sizes.

A sliding panel demo using CSS3 and IE time:animate for smooth sliding action.

A series of three galleries using timeAction for IE7 and IE8 only.

Using the w3.org HTML+TIME to produce a dropdown menu that works in IE browsers from IE5.5 upwards (and all other browsers).

Using HTML+TIME to get IE5.5 and IE6 to have a background color change on hover.

Using the w3.org HTML+TIME to produce a flylist menu that works in IE browsers from IE5.5 upwards (and all other browsers).

Using CSS3, and a little TIME for Internet Explorer, to produce a vertical sliding menu to rival javascritp/jQuery.

Using CSS3 to produce a social network circle of icons.

Using CSS3 to produce an animated sliding dropdown flyout menu.

Using CSS3 to animated a simple set of thumbnail images and their associated large image.

Using CSS3 to produce an animated left/right slide action.

This site has been set up to explore the possibilities of using HTML5 with CSS.

Using the no hacks float drop technique to produce an image dropdown menu with popup tooltips.

Using the no hacks float drop technique to produce a multi-column dropdown menu.

A CSS only answer to javascript/jQuery pull-down information panels.

A CSS only answer to javascript/jQuery pull-down information panels (version 2).

A Drop List Menu with curved corners and drop shadows.

Using Microsoft timeaction (TIME) instead of tables and conditional comments for IE6.

A multi-level flyout menu aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

A droplist menu with delay action aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

Using CSS3 to rotate, slide and enlarge a set of images.

A flyout list menu with slide action aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

Using CSS3 to produce an animated slideshow run by hovering an icon.

A flyout set of social network icons with slide action aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

Using CSS3 to animate a set of thumbnail images.

Using CSS3 to produce a set of sliding information panels for photo links.

Using CSS3 to produce a sequence of image animations and a slide down sub menu system.

Using CSS3 to rotate a card to see the reverse using 'perspective'. For Safari ONLY at the moment

Using CSS3 to produce a vertical sliding set of panels with menus.

Using CSS3 to produce a Rotating set of Social Network Icons - for Safari ONLY at the moment.

Using just CSS to produce a multi-level menu with a click action instead of the normal hover.

Continuing with the 'click' series to demonstrate a dropline menu with a click action instead of the normal hover.

The next in the 'click' series to demonstrate a flyout menu with a click action instead of the normal hover.

The next in the 'click' series to demonstrate a vertical slide menu with a click action instead of the normal hover.

A flyout list menu with top level links and a close menu icon for the iPad, iPhone and iPod Touch.

Using CSS to produce an animated stack of images.

Using CSS3 and the latest discoveries and techniques to update this demonstrations.

A droplist menu with top level links and a close menu tab for the iPad, iPhone and iPod Touch.

Using CSS3 and the latest discoveries and techniques to have a click action image information panels.

A pulldown panel containing a droplist menu using just CSS and suitable for the iPad, iPhone and iPod Touch.

Another menu in the 'click' series to demonstrate a vertical concertina menu with a click action instead of the normal hover and working in IE6.

Using an image to close any open sub menus on the iPad, iPhone and iPod Touch.