Creating a Ribbon Menu

You can also create interactive menus and navigation bars that run horizontally across the page. In this section, I show you how to create a type of navigation bar that is sometimes referred to as a ribbon menu. It is called that because it runs across the page like a ribbon, taking up a minimum of vertical space on the page. This type of menu is often used as a navigation bar; a navigation bar is a horizontal menu running across the top or bottom of a Web page that enables you to navigate through the different parts of a Web site.

For this example, continue using the same example you created for the sidebar menu example. Just resave it as cramer-consult4.html, so you can separately refer back to this example, as well as ...

Get Cascading Style Sheets (CSS) by Example now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.