Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Join James Williamson, as he shows you how to create elegant menus, links, and buttons that help visitors navigate your site faster and more intuitively. The course covers creating structured navigation that is accessible and clean, styling links, and building horizontal and vertical menus with rollover effects. The last chapter reveals how to create stylish buttons with special effects and CSS sprites.
Over the course of this chapter we'll take our horizontal menu and modify it so that it features several submenus. We'll start by exploring how to properly structure or submenus, and then we'll move on to controlling the styling and displaying of our dropdowns. Finally, we'll enhance our menus by animating them through the use of CSS transitions. While the code required to create dropdown menus is a little bit more complicated than that required of horizontal and vertical menus, don't let that intimidate you. For the most part we'll just be creating horizontal menu, a vertical submenu, and then use additional styles to control when and where the submenus display.
There are currently no FAQs about CSS: Styling Navigation.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.