Information
Based on the previous menu but a change of style so that it 'works' well over darker backgrounds.
The widths of the dropdown and the flyout sub menus are not fixed and will be as wide as is necessary to hold the text on one line. The position of the flyouts is then placed at a 'percentage' position from the previous level to give a fixed overlap. Well in all browsers except IE5.x and IE6 it works like this.
These two browsers are the ones that have caused all the problems in getting this menu to work and I have had to settle for a comprimise solution. For IE5.x and IE6 the positions of the flyouts will be variable depending on the width of the previous link. In practice this works quite well and does not look odd.
Tested in IE6, IE7, Firefox, Safari and Opera.
- Download skeleton2.zip Please read copyright conditions below before use.
Donations
Please consider making a donation if you wish to use this menu.
Terms and Conditions
This menu can be used subject to the following terms and conditions.
- If you wish to use this menu in your website(s) please email me stu{at}cssplay.co.uk seeking permission.
- You may NOT place this menu on another site for others to download.
- You may NOT redistrubute or resell this menu.
- Users agree not to remove or edit the credit notice within the stylesheet, or claim that this menu is their own.
Recommended Sites
- VPS Hosting
Virtuozzo VPS Hosting - $19.95/mo - web hosting, dedicated servers
web reseller, managed servers - Web design in Dorset
Bournmouth based web design agency - Create Free Flash website
Create amazing websites with Wix.com - CSS Menus
A CSSplay develoment - SEO
First Rate - Australian SEO Company
"The 
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
CSS play pages
