New and improved CSS version. Also found a menu bar template, fiddled with it a bit, and made comments as part of understanding how it works. Attempting to satisfy webprog-2-d and webprog-2-f.
Very nice! If you stick the code for the menu bar *inside* the "wrap" div, I have a feeling it will work out better. Right now, when you maximize on a big screen, the menu goes a bit wonky. (Don't need to fix for the purposes of this assignment, but just so you know.)
Thank you! I've been going a little nuts with a few things. :) The menu bar was easy to place in Firefox, but wouldn't position properly at all in IE. I managed to do some fudging, but don't like the result, as I later gave up margins:auto to pin things down. After all that, the two browser renditions still look a little different. Much to learn.
This links to the menu bar template I used in my Chicken Kiev restyle with CSS. I like it because it has a clean modern look that doesn't look "button heavy". There is a fair amount of code, but most of it is straightforward. I made comments in my CSS sheet to help me remember what was going on. For webprog-2-a.
Something old, something new, something borrowed, something blue. Unobtrusive Jquery for webprog-5-e. Nav bar is dimmed at 40 percent, and goes to 100 percent on hover. After hover, it returns to 40 percent. The whole div takes the effect. BTW, this is how I called my div in Jquery: $("#mydiv"). Took me almost 3 hours to find that out. :)