Hour 17. Building a Functional Menu

What You’ll Learn in This Hour:

• How to build a vertical menu using CSS

• How to build a horizontal menu using CSS

• How to convert the horizontal menu to a standards-based drop-down menu using only unordered lists and CSS

Menus are a great tool for simplifying navigation in a website. They enable you to group several different pages or links together visually and give the user an intuitive and interactive experience when surfing your site. There are many types of menus—from the standard vertical list menu to horizontal menus to drop-down menus of all shapes and sizes. And all of them can be built using standards-based code and CSS. You just have to know how.

Participating in web design forums and answering ...

Get Sams Teach Yourself Microsoft® Expression™ Web 4 in 24 Hours: Updated for Service Pack 2—HTML5, CSS3, jQuery, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial