A restyled version that allows dropdowns and flyouts to the left and right. Centered top level list and different color sub levels. Even works in IE5.5.

Applying the iframe shim fix to the variable width dropdown/flyout menu system. Using expressions to add the iframe and styling.

A dropdown menu that uses a table to hold the dropdown information.

A photograph gallery using just html/css to switch the contents of an 'object' for browsers that understand and an iframe alternative for IE.

A three link block of information with rollover effect.

A mixed gallery using just html/css to switch the contents of an 'object'. The content can be text, images, shockwave/flash and quicktime movie.

A version of my mini tabbed pages with the ability to have a tab open on page entry.

Back to basics to show how to use the latest techniques to produce a flyout menu with the widths of the sub levels automatically sized to fit the longest text.

A previous professional droplist menu with the additional feature of a dropline heading with droplists giving extra lists within the same dropdown.

Fixing a problem when having vertical divide lines between horizontal link and using rollover images.

A zoom icon with a popup sub menu in a speech bubble.

It is now possible to use ttf fonts in your web pages. There are now 5 browsers that support @font-face

A dropdown menu with top level centered and sub menus dynamic widths to fit the longest text, and all in shades of grey and black.

A CSS slide show using numbers with a hover/click state but with the controls only visible when reqired.

A method of creating irregular shaped image maps with ease exploiting an odd effect when using Microsofts AlphaImageLoader to render background PNG images. Only for IE though.

A click gallery using a sliding set of thumbnail images to navigate. The large image is permanently on screen until another image is chosen EVEN when refreshing the page. With descriptive text and linking option.

The previous gallery but with the thumbnails arranged vertically instead of horizontal.

A simple anywidth CSS flyout menu with an easy method of having a breadcrumb trail.

Using the no hacks dropdown system and a little extra styling to produce a dropdown button menu with highlight on hover.

CSS play's 'Clickbox' version of Lightbox that now works in Safari(PC) and Google Chrome.

A practical use of CSS play's 'Clickbox'. A CSS only version of Lightbox that now works in Safari(PC) and Google Chrome.

A dropline menu using a totally NEW method that requires NO hacks and works in all browsers. Also allows tabbing.

Using the same NEW method as the previous menu to have the sub line appear above the top level links.

Using the same NEW method as the previous menu to have the sub line appear above the top level links. This one has simpler styling.

Using CSS3 styles to produce buttons without graphics and no extra markup.

Using CSS3 styles to produce a tabs menu with no graphics and no extra markup

Using CSS3 'general sibling' selector problems when using :hover in Safari and Chrome

Using webkit keyframes to continuously anumate a set of cubes.

Using CSS3 adjacent sibling selector to produce a Clickbox Gallery.

CSS playBOX - The Ultimate CSS Lightbox.

CSS playBOX v2 - The Ultimate CSS Lightbox - with additional features.

A droplist menu with 1, 2 3 or 4 columns and flyout sub menus.

How to style the background image using CSS3 to make it fit the container size.

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

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

A single level dropdown menu aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

A single level slide down menu aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).

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).

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

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

Using CSS3 to produce an expanding stack of image links, suitable for the iPad etc.

Using CSS3 to produce a Book Shelf menu with animated books.

Using CSS3 with perspective to animate a three image billboard. For Safari ONLY at the moment

Using CSS3 with perspective to produce a book which has an open/close cover and 360 degree rotation. For Safari ONLY at the moment

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

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

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

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

Using the latest techniques to update the previous lightbox demos.