skip to content

Experimental Menu #6 - Magic Menu series

17th August 2007

No javascript, no conditional comments, no behaviors, no .htc file, just html and css.

© 2007 Stu Nicholls - CSSplay


Information

Just to show that it is possible to expand the other menus in this series I have revamped the previous menu, which required javascript, so that it now uses the same method as menu #3. This now uses just CSS, no conditional comments, no behaviors, no hidden .htc file and no javascript. The only downside is that it doesn't validate because of the use of the MS proprietary 'comment' tag. This tag is used purely for IE5.5 and IE6 to work.

Tested in IE5.5 (requires hacks for the faulty box model), IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC).

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 add a link back to CSSplay and retain any copyright comment in the stylesheet.
A donation to the 'Support CSSplay' fund would be appreciated.

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 in this case 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.




Recommended Sites

CSSplay web design/assistance

"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

CSS play pages



CSS play recommend

SitegrinderQuality UK Web HostingFree, practical CSS menus, layouts, and examplesPSD to HTMLSocial Media Applications On Demand