A flyout version of the 'any width' dropdown menu.

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.

The fourth in the skeleton menu series restyled to use recent developments to make it work in all versions if IE from IE5.5 to IE8.

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

A second 'any width' flyout menu, this time with an over run area and gapping between menu items.

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

After much searching of the web and with the arrival of IE8, I now have a method of positioning horizontal menus of unknown width left / center / right in the containing element.

A dropdown menu with any width sub menus and the option of left or right dropdown/flyouts.

A single level dropdown menu with multi-columns, headings and curved corners using sliding doors techniques for the dropdowns.

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 single level dropdown anywidth menu with dropdown that are centered beneath the top level links.

A dropline anywidth menu with droplines that are centered beneath the top level links which are also centered.

A multi level dropdown flyout anywidth menu with dropdown and flyouts that are centered beneath the top level links, with the ability to have a left or right flyout.

A conversion of the horizontal scrolling gallery into a vertical version.

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 2 of the dropline, dropdown and flyout hybrid menu.

An anywidth menu with the top level centered and the sub menus as wide as required with pullup and flyout left/right.

A droplist menu with method of setting the number of columns in each list and the option of a full width bottom bar for extra linking.

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

A dropline with dropdown menu which has widths automatiaclly set to suit content, the top level centered and all sub levels centered beneath the parent item.

A gallery using a horizontal scrolling filmstrip containing negative/positive thumbnails and landscape/portrait large images with show/hide descriptive text.

As promised, the previous filmstrip gallery rotated into a vertical format with a few enhancements.

There have been many methods of centering unordered lists of unknown width, but this is the one I have found to be most robust.

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.

A droplist menu using top level blocks containing images with text and links.

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

A similar menu to the previous image version, but this time using expanding text on mouseover.

A vertical menu with a 2 tier flyout and the last tier can contain any information you like including images, text and further links.

A definition list menu using the new menu system to simplify the styling

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.

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.

A fly left version of the previous menu, 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.

For those who prefer nested unordered lists for their menus, again with no hacks, table, conditional comments or javascript.

A click gallery in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page.

Added a click to open and also a reclick to close feature.

A CSS ONLY answer for 'max-width' in IE6. No javascript or Microsoft expressions.

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 vertical sliding menu with current page styling and the ability to override the current page style when hovering other items.

A dropdown menu with current page styling and the ability to override the current page style when hovering other items.

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 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 '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 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 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 dropdown menu using top level png images with the submenu used for image information.