Tuesday, March 4, 2008

Nice CSS dropdown menus

Given the choice between flash and css, I'd rather work with flash since you don't have to keep track of how browsers will display the same code differently -- but it is great to have the ability to do some things with css. So, in rebuilding www.hiddengifts.com I decided that I needed to get a good CSS dropdown menu working. I checked out a few -- including the Spry dropdown, but didn't like the way the secondary menu lined up with the first level and didn't want to dig into the code myself -- and would prefer to build it from scratch and see how the thing actually worked. Fortunately, htmldog.com has a great tutorial using suckerfish version 2 (son of suckerfish) dropdowns. Anyway, it took some playing around to get them to work but they look great in FireFox (but could use some layout tweaks in IE). Anyway, here is the current version:

http://hiddengifts.com/demo_dropdowns.html

Here is the tutorial on htmldog -- very nice step by step : http://www.htmldog.com/articles/suckerfish/dropdowns/

No comments: