Stu Nicholls | CSSplay | Magic Menu Number seven

Experimental Menu #7 - Magic Menu series

18th August 2007

No javascript, no conditional comments, no behaviors, no .htc file, just html and css.

Photography is the process of recording pictures by means of capturing light on a light-sensitive medium, such as a film or electronic sensor. Light patterns reflected or emitted from objects expose a sensitive silver halide based chemical or electronic medium during a timed exposure, usually through a photographic lens in a device known as a camera that also stores the resulting information chemically or electronically.

The camera or camera obscura is the image-forming device, and photographic film or a silicon electronic image sensor is the sensing medium. The respective recording medium can be the film itself, or a digital electronic or magnetic memory.

Photographers control the camera and lens to "expose" the light recording material (such as film) to the required amount of light to form a "latent image" (on film) or "raw file" (in digital cameras) which, after appropriate processing, is converted to a usable image. Modern digital cameras replace film with an electronic image sensor based on light-sensitive electronics such as charge-coupled device (CCD) or complementary metal-oxide-semiconductor (CMOS) technology. The resulting digital image is stored electronically, but can be reproduced on paper or film.

Source http://en.wikipedia.org/wiki/Photography

Information

Probably the last in the Magic Menu series for a while, this one shows how to style a vertical flyout menu with alternative 'pull-up' and 'drop-down' sub levels. This is done to add a little more interest to the menu and to save vertical space. If all the sub levels were 'drop-down' then the menu would take up more vertical space and may require scrolling.

Tested in IE5.5 (requires hacks for the faulty box model), IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (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.