Professional Any Width top and sub levels v2
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.
Skeleton menu version 4
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.
IE6 select box bug - iframe shim fix
Applying the iframe shim fix to the variable width dropdown/flyout menu system. Using expressions to add the iframe and styling.
Professional Any Width flyout menu with over run
A second 'any width' flyout menu, this time with an over run area and gapping between menu items.
Professional drop table menu
Centering unknown width horizontal menus - revisited
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.
Professional dropdown flyout left/right menu
A dropdown menu with any width sub menus and the option of left or right dropdown/flyouts.
Professional multi-column dropdown
A single level dropdown menu with multi-columns, headings and curved corners using sliding doors techniques for the dropdowns.
Photograph gallery using the 'object' element
A photograph gallery using just html/css to switch the contents of an 'object' for browsers that understand and an iframe alternative for IE.
Professional anywidth centered dropdown menu
A single level dropdown anywidth menu with dropdown that are centered beneath the top level links.
Professional anywidth centered dropline menu
A dropline anywidth menu with droplines that are centered beneath the top level links which are also centered.
Professional anywidth centered dropdown/flyout menu
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.
Vertical scrolling photo gallery
Triple Link block with rollover effect.
A mixed gallery using the 'object' element
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 Dropline, Dropdown and two level Flyout menu
An anywidth pullup, flyout menu
An anywidth menu with the top level centered and the sub menus as wide as required with pullup and flyout left/right.
A Professional droplist menu
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.
Mini tabbed pages version 2
Anywidth dropline/dropdown centered
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 film strip gallery
A gallery using a horizontal scrolling filmstrip containing negative/positive thumbnails and landscape/portrait large images with show/hide descriptive text.
A film strip gallery version 2
As promised, the previous filmstrip gallery rotated into a vertical format with a few enhancements.
Latest centering technique
There have been many methods of centering unordered lists of unknown width, but this is the one I have found to be most robust.
A basic anywidth flyout menu
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 droplist menu with a sublist feature
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 with top level images and text/links
A fix for a problem with divide lines and sliding doors hover graphics
Fixing a problem when having vertical divide lines between horizontal link and using rollover images.
A CSS Fisheye Image Menu
A CSS Fisheye Text Menu
A similar menu to the previous image version, but this time using expanding text on mouseover.
A dynamic CSS image magnifier
A CSS Fisheye Image Menu version 2
Another version of the CSS only fisheye menu, this time with expanding images and associated text.
A CSS Fisheye png menu
An image sliding menu
A zoom gallery
A vertical flyout list menu
A vertical menu with a 2 tier flyout and the last tier can contain any information you like including images, text and further links.
FINALLY a new CSS only dropdwon meu
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.
New definition list menu
New vertical slide menu
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.
New vertical flyout menu
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.
New vertical fly left menu
A fly left version of the previous menu, again with no hacks, table, conditional comments or javascript.
New horizontal pullup menu
A horizontal pullup menu to continue with this series, again with no hacks, table, conditional comments or javascript.
New horizontal dropdown menu
For those who prefer nested unordered lists for their menus, again with no hacks, table, conditional comments or javascript.
Permanent image click gallery
A click gallery in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page.
UPDATE to new click to slide vertical menu
'max-width' for IE6
Zoom icon with speech bubble
TTF fonts for web pages
It is now possible to use ttf fonts in your web pages. There are now 5 browsers that support @font-face
A dropdown menu in shades of grey and black.
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.