A click gallery using 'Previous' and 'Next' preview images to navigate, in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page. With descriptive text and linking option.

The no hacks, no javascript, no tables and no conditional comments dropdown/flyout menu restyled to work correctly in all browsers, with tabbing.

The no hacks, no javascript, no tables and no conditional comments flyout menu with tabbing.

The no hacks, no javascript, no tables and no conditional comments dropdown/flyout menu with png opacity background images.

Using the new multi-level menu system this has a better indication of the path taken through the menu structure.

A multi-level drop/fly menu using the new system and mouse clicks instead of hovers.

A multi-level drop/fly menu using the new system with manually adjusted widths for top and sub levels.

The previous menu with the ability to adjust the widths of all levels.

The previous menu with the ability to adjust the widths of all levels and center each level.

A skeleton flyout menu with the path taken through the menu highlighted..

The multi level dropdown/flyout menu with the path through the menu highlighted.

A small restyle to make this menu system more robust and have an easy menu trail style.

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

Back to the very basic styling to produce this no hacks dropdown/flyout menu.

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

Using the latest no hack system to have top level images and dropdown boxes cntaing images and text

Using Webkit keyframes to produce an analogue clock. A small javascript routine is used to set the correct time on page entry.

Using CSS3 general sibling selector to produce a left/right click gallery.

Using CSS3 adjacent sibling selector to produce a Clickbox Gallery.

Using CSS3 adjacent sibling selector to produce a Click Slideshow.

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

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

Using CSS3 to produce a social network circle of icons.

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 produce a book which has an open/close cover and 360 degree rotation. For Safari ONLY at the moment

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

Using CSS3 to produce a Carousel Slideshow. Animation for Safari, Chrome, Opera and Safari v4 beta ONLY at the moment. Now with a click action

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.

Using CSS3 to produce a slideshow with a hover/click action and animation.

Using CSS to produce an animated stack of images.

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 CSS3 to produce a click action dropline menu with multiple levels.

Using the CSS3 page flip routine to produce a page flip book.

Using CSS3 Keyframes to produce an animated gallery, for Safari, Chrome and the New Firefox v5.

Using CSS3 Keyframes to produce an animated 'lightbox' type gallery, for Safari, Chrome and the New Firefox 5.

A droplist menu with click action and click to close feature.

A show/hide information panels using click to open and close.

A dropdown menu with click to open/close, suitable for the iPad etc..

A CSS3 vertical concertina menu with click to open/close and slide action. Suitable for the iPad, iPhone and iPod Touch.

A single level dropdown menu with clck action incorporating the latest bug fixes for IE and the iPad, iPhone and iPod Touch.

Using CSS3 to animate a left/right click gallery with sliding thumbnail images

Using CSS3 to animate a left/right click gallery with sliding large images

Using CSS3 to animate a left/right click set of information panels with 'jump to panel number' option.

Using CSS3 to produce click gallery with permanent images to rival jQuery/javascript.

A :target gallery with no browser window jump and no cycling through the images when using the browser 'back' button.

Using CSS3 3D transforms to produce a Jck-in-the-Box with music.