skip to content
Website Builder

Anywidth centered dropdown/flyout menu with left and right flyouts

15th June 2009

Unhovered menu Hovered single level dropdown menu Hovered multiple level right flyouts menu Hovered multiple level left flyouts menu

menu © 2009- Stu Nicholls - CSS play
A suport donation is required for the use of this menu.

CSS play Support


CSS play Recommend

Sitegrinderuk white label shopping carts for resellersFree, practical CSS menus, layouts, and examplesPSD to HTML



Information

What's this all about?

Today I am testing a different method of displaying my most advanced menu. Because this menu has taken so long to develop and because some visitors are just helping themselves to my menus without any thought of making a donation I have decided that this menu will be shown as graphic images of the various hovers.

This menu has the top level centered and all the sub levels centered and wide enough to fit the longest text without having to specify the width.

This menu has been tested and works in IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chrome.

If you would like to see a working demo of this menu then you will need to register to login to a secure area that I have setup and make a donation to support CSS play using the button below (not too small or Paypal will take the lot in commission).

Once your donation is received I will authorise access to this area and you will be able to see a working demo and a download link for a zip file.

All I ask is that you keep the copyright comment in the stylesheet when using this menu.

Or if you just want a zip file then make a support donation and email me asking for the zip file.

Register to login to secure area

Go to secure area after registration




Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
A donation to the 'Support CSSplay' fund is now required for this demonstration.

2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a donation to the 'Support CSSplay' fund is required.

3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.

Terms and Conditions

This menu can be used subject to the following terms and conditions.

  1. If you wish to use this menu in your website(s) please email me stu{at}cssplay.co.uk seeking permission.
  2. You may NOT place this menu on another site for others to download.
  3. You may NOT redistrubute or resell this menu.
  4. Users agree not to remove or edit the credit notice within the stylesheet, or claim that this menu is their own.

CSS play Recommend

CSS play Testimonial

"The citroen.co.uk web site uses
CSS play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth