Lesson 7 Supplemental Resources
Listutorial
Click this link for many tutorials on working with lists. The
navigation bar at the top is the first one shown in Chapter 1 of
this lesson.
Turning a List Into a Navigation Bar
This link takes you to a site that shows the second navbar example
in Chapter 1. The article also describes how the author created his
navbar.
Wildly Useful Free Web
Development Programs
I've included this link so you could try out the third navbar
example from Chapter 1. However, the site doesn't contain any
description of how the author created the navigation bar.
Standards and Accessibility - Navigation Lists
This page is the reason why most sites use unordered lists for
navigation bars these days.
CSS Design:
Taming Lists
Here you'll find a great tutorial on styling lists with CSS.
Links, Menus, Navigation, and Rollovers
There are links to many tutorials dealing with lists, menus,
navigation, and rollovers on this site.
Setting the Current Menu State With CSS
Here's an alternative way to identify the current page in a navbar,
using the tag rather than a class inside the navbar.
Elastic Design
You'll find a few tips and tricks for creating elastic layouts here.
Dynamic Drive CSS
Library
Here's where you'll find many sample navbars. Unfortunately, most
aren't elastic. Many do nothing when you change the text size in
your browser.
Professional Horizontal Series
Use this link to discover some advanced horizontal navbars. The code
is woefully complex and would be difficult to elasticize. You can
really see the problems by pressing CTRL + + and CTRL + - while
viewing the page in Firefox or a similar browser.