Join Bill Weinman for an in-depth discussion in this video Creating a menu with unordered lists in XHTML, part of Creating Dynamic Menus.
Now we are going to modify the HTML to support the dynamic menus.…We are going to start from the starting place, which is the file, just as it…came to us from the designers with these text-based links, and we're going to…modify the HTML to support the dynamic menus.…So you'll open up your Exercise Files folder and you'll see the 02_XHTML folder and…you want to make a copy of the start.html file and name that copy 'main.html'.…
How to do that and why is explained in the Exercise Files movie.…I am going to go ahead and open that in my Text Editor.…And so this is the XHTML file as…it was given to us by the designers.…I am going to go ahead and scroll down here to the menu section, which is in this div.…It starts there and ends there.…And we'll see that the menu itself is inside this paragraph with these plain text links.…Now there is CSS that makes those appear white on the screen and spaces them…like that and all and that all happens in the CSS file.…
What we have here is just a plain paragraph with four links.…
- 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.