Doing it with style
Building on my previous menu, this one adds sliding doors techniques to the drop line sub menu and has a further drop line description such that when you hover over a sub line tab you will get a line of text centered beneath the sub line which can be used for anything you like. This suffers from the same problem as the previous menu when increasing text size in Firefox, but is ok in all other browsers.
Again I have shown three styling options:
1. The basic drop line menu without any pre-selected links.
2. Showing how to add the style to indicate a top level selected link. This will show the drop line for the chosen top level link.
3. The last showing how to style a top level link and a drop line link.
This menu has been tested and works in IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC).
Download pro_droptab.zip containing the html for the three menu options, external stylesheets and all images. Please read copyright terms and conditions below before use.
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.