I have these tabs as my horizontal navigation menu here. But now client decides he wants to have drop down menus to accompany these tabs. He doesn't want the tabs to change but does the subpages to drop down upon mousing over the tabs. Are there any good resources/tutorials on how to do this given the current style of the tabs?
here are 2 really good resources to check: http://www.cssplay.co.uk/menus/final_drop.html and http://www.alistapart.com/articles/horizdropdowns good luck!
I would encourage the Suckerfish menu f (Sons of Suckerfish, the update, at HTMLdog.com). I would also encourage you (strongly) to increase the width of your current tabs. On my resolution (my default resolution) the Pastor's Desk and a few others are popping right out of them... I have to reduce my font size twice to get the letters to even look like they begin to fit. Anyway, with Suckerfish, you'll already have a fixed with on the tabs (your li's) so your subs would have the same width. I'm not sure what you'll do with anything in the dropdowns which will be wider than that width... always a problem with horizontal menus. I don't know how many times I've found that stuff doesn't fit across the screen at many resolutions, or that I have to increase the width of every menu item at the top just to get the dropdowns' text to fit. By "matching", all you need is the same background colour (the beige), hover colour, and text colours. You could put a bottom-border on the sub's li's that's the same red you've got on the mains text. If you wanted to be fancy you could put an upside-down version of your tab image at the bottom of the sub ul so that the bottom of the drop-down is also rounded. It would look pretty neat, anyway. But fixed-width images are always a problem with expandable text.