Doing it with style
image copyright © Mahmoudmahdy | Dreamstime.com
A new and revised dropdown menu with an easy method of adding a 'current' top line selection and also a 'current' sub-menu selection.
Previous examples have used separate unordered lists for each of the top level links with their own sub levels, which required a different method of styling the current selection. Whereas this method has the whole menu in one unordered top level list requiring only the addition of two classes to indicate which links are current.
The current links are open on page entry but will be overridden when hovering over any of the other tabs. The current selection will re-appear when the mouse moves off the menu.
This menu also has an option to have the sub-menu left or right aligned.
This menu has been tested and works in IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
This demonstration can be used subject to the following terms and conditions.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.