skip to main |
skip to sidebar
I have had many emails asking where the code/style can be found for the various demonstrations.
Well the xhtml is always placed in the #info div, so examine the source code, find the <div id="info" >..... </div > and in between is the 'code'.
In most case the style is embedded in the page <head >... </head >. This is done to keep it all together on the same page making it easier to find. In some cases the css is held in a separate file (where it should be) and is loaded in the normal way <link rel="stylesheet" media="all" type="text/css" href="path to css file.css" / > so just add this path to the address in your browser to see the css file. A Drop Down Menu
a super-basic dropdown menu: 2005?, Mozzilla. Ok.. if you have Mozilla, Firefox, or Opera just hover your mouse over the menu to get a drop down list. Unfortunately IE does not recognise :hover on anything other than links so fails miserably with this one. 5th September 2006, Works in Internet Explorer 7.
Note that this method has advanced greatly over the last couple of years. Check the 'Menus' section for the latest examples of drop down menus. Multi-Level - Dropdown
Float/Drop menu system
Inline/Dropdown menu system » 21-07-2010 A totally NEW menu system for variable width dropdown menus. NO hacks or javascript. Multi-Level - Flyout
CSS3 demonstrations
CSS3 slide menu » 24-01-2010, Using CSS3 to produce a slide down/slide up menu with radius corners and drop shadow.
