The previous menu with the ability to adjust the widths of all levels.
A multi-level drop/fly menu using the new system with manually adjusted widths for top and sub levels.
A multi-level drop/fly menu using the new system and mouse clicks instead of hovers.
Using the new multi-level menu system this has a better indication of the path taken through the menu structure.
The no hacks, no javascript, no tables and no conditional comments dropdown/flyout menu with png opacity background images.
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 restyled to work correctly in all browsers, with tabbing.
Using the no hacks dropdown system and a little extra styling to produce a dropdown button menu with highlight on hover.
A simple anywidth CSS flyout menu with an easy method of having a breadcrumb trail.
A dropdown version of the previous multi-line flyout menu
A simple multi-level flyout menu with fixed widths and multi-line text.
A dropdown menu using top level png images with the submenu used for image information.
The previous gallery but with the thumbnails arranged vertically instead of horizontal.
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.
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.
A click gallery using 'Previous' and 'Next' buttons 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.
A more complex method of replacing all text with images in a single level dropdown menu using individual png images.
A simple method of replacing all text with images in a single level dropdown menu with rollover.
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 method of replacing menu link text with rollover png images that works in IE6 and also degrades well when images are of and/or CSS is off.
A CSS slide show using numbers with a hover/click state but with the controls only visible when reqired.
A dropdown menu with current page styling and the ability to override the current page style when hovering other items.
A CSS dropdown menu using an image map for the top level items with a rollover state, using just two images.
A vertical sliding menu with current page styling and the ability to override the current page style when hovering other items.
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.
It is now possible to use ttf fonts in your web pages. There are now 5 browsers that support @font-face
A CSS ONLY answer for 'max-width' in IE6. No javascript or Microsoft expressions.
Added a click to open and also a reclick to close feature.
A click gallery in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page.
For those who prefer nested unordered lists for their menus, again with no hacks, table, conditional comments or javascript.
A horizontal pullup menu to continue with this series, again with no hacks, table, conditional comments or javascript.
A fly left version of the previous menu, again with no hacks, table, conditional comments or javascript.
Using the latest techniques for no hacks menus this is a vertical flyout version with all the features of the slide menu including tabbing, and the sub list stays open when clicking the top level.
Using the latest techniques for no hacks menus this is a vertical slide version with all the features of the dropdown menu including tabbing, and the sub list stays open when clicking the top level.
A definition list menu using the new menu system to simplify the styling
Afer all this time there is finally a dropdown menu that doesn't use javascript, table, conditional comments, hacks, extra markup and works in all the major browsers including IE6.
A vertical menu with a 2 tier flyout and the last tier can contain any information you like including images, text and further links.
An experimental menu to explore the possibility of having sliding images on hover
Adding the use of png images for IE6 and giving a smoother zoom animation
Another version of the CSS only fisheye menu, this time with expanding images and associated text.
A very simple method of magnifying an image using just CSS
A similar menu to the previous image version, but this time using expanding text on mouseover.
Fixing a problem when having vertical divide lines between horizontal link and using rollover images.
A droplist menu using top level blocks containing images with text and links.
A previous professional droplist menu with the additional feature of a dropline heading with droplists giving extra lists within the same dropdown.