Pictures
to fill the
column


 

 
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.