Join Bill Weinman for an in-depth discussion in this video Positioning menus, part of Creating Dynamic Menus.
So now we're going to position the elements that we formatted in the CSS…navigation for use in our dynamic menus.…So we'll take our start_pos file and copy and paste, and then rename that to…main, as explained in the Exercise Files movie.…Go ahead and open that in the text editor.…We're already positioned down at the bottom here, where we're going to do this formatting.…So, let's get started.…
First thing we're going to do is float the horizontal menu, ul.menuHoriz li, and float: left.…So what this does, I'm going to go ahead and save and reload this in the browser.…This will position all of these elements here along the menu bar.…That's our top menu.…Now, all of these, we want these to line up underneath in their respective groups.…
That happens like this.…First, we position the vertical menus, using absolute positioning.…Now, you'll remember that this is going to be relative to the menuTop div,…because we set this to position relative and that makes it a candidate for positioning for being…
- Creating and formatting menus with CSS
- Establishing positioning for a menu
- Exploring configuration variables for any menu
Skill Level Intermediate
A: To make the dynamic menus degrade nicely, make sure that the pages linked to in the "top" of each menu have sufficient navigation available for that section of the site.