In the last installment of this series, we completed all parts of the layout except for the navigation. In this tutorial, we'll style the unordered list of links into a set of vertical buttons. This is the default navigation styling for the Dreamweaver CS5 CSS Starter Pages. In the next tutorial, we'll change the navigation scheme into a horizontal navigation bar under the header, but for now it is important for you to understand how navigation in the CSS Starter Pages works.

This tutorial includes exercise files so you can "play along at home". There are also completed files so you can compare your work.

The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems...

Related Articles

• The CS5 CSS Starter Page Series Part 12: Adding a Data Table
• Homework and Exams: A Dreamweaver/Fireworks Midterm
• The CS5 CSS Starter Page Series - Part 11: Creating the Template
• The CS5 CSS Starter Page Series - Part 10: Making it Your Own
• The CS5 CSS Starter Page Series - Part 9: Quality Assurance
• The CS5 CSS Starter Page Series - Part 8: Adding a Custom Font
• From CPanel to Dreamweaver - Getting Your MySQL On!
• Quick Shot - Check for Existing User Names On a Sign Up Form
• The CS5 CSS Starter Page Series - Part 7: Adding CSS3 Pods
• The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation

• The CS5 CSS Starter Page Series Part 4: Refining Details with CSS
• Creating a Site in Dreamweaver CS5
• The CS5 CSS Starter Page Series Part 3: Structuring with CSS
• Introducing CMX JumpStart Brasilia
• CMX JumpStart: Brasilia
• The CS5 CSS Starter Page Series - Part 2: Marking up the Page
• The CS5 CSS Starter Page Series Part 1: The Yukon
• Dreamweaver CS5 Features Part 1: The All New CSS Starter Pages
• Introducing CMX JumpStart Beijing
• CMX JumpStart: Beijing