skip to content

Simple dropline menu

18th July 2007


Information

A simple drop line menu. No frills or graphics and just one drop line.

The top level tabs are of unknown width that depends on the text within and the sub level is a fixed width. This could have been made a percentage width but IE6 doesn't play ball. Percentages will work in all browsers escept IE5.x and IE6. I am still looking for a way round this and will let you know if I find one.

As in the previou 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 achieved by reloading the page and using PHP to read the query string of the selected link and write 'current' and 'current_sub' into the styles of that link.

Works in IE5.5, IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (Mac and 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


Advertise with CSSplay

CSS play pages

CSS (Design) - TOP.ORG

CSS play recommend

PSD to HTMLSitegrinderFree, practical CSS menus, layouts, and examples