Stu Nicholls | CSSplay | Sliding doors drop line cross-browser menu version three

Sliding doors with a drop line three

27th January 2007

Information

And a final one in this series to show how compact this menu can be.

Again the top level tabs are of unknown width that depends on the text within and the sub levels will now drop down over the active sub level. This one also has 'invisible' overrun on the dropline so that you can move the mouse off the bottom and the menu will not immediately collapse.

As in the previous example, you can now click any of the links, top tabs or dropline, and the page will reload with your selection as the current highlighted choice.
This is done using php to read the query string and write the 'current' and 'current_sub' classes into the chosen link and sub-link when the page is reloaded.

Works in IE5.5, IE6, Firefox, Opera and should be ok in Netscape, Mozilla and Safari.

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.