Just as with our vertical menu, the choices that you make for the visual style of the…menu are what really sets it apart and makes it unique.…You're free to use colors, gradients, images, icons, font formatting, and all sorts of custom…styling to get your menus to look exactly the way that you want them to.…We're going to get our menu closer to the desired styling by controlling the visual…formatting for multiple elements.…So in this exercise, I want you to pay close attention to how the styling of several elements…is going to combine to create the final menu.…
Here I have the horizontal.htm open from the 04_05 directory.…I'm going to scroll down until I get to my list styling here.…So we're just picking up right where we left off before.…Now the first thing I want to do, I'm going to sort of revisit that nav selector that we created earlier.…If you remember from looking at the finished version of the horizontal menu at the beginning…of this chapter, it has a two-toned bar, a sort of a lighter orange color, and a darker…
- Organizing menus with lists
- Creating block-level links
- Styling links, link states, and image links
- Defining link dimensions
- Controlling link spacing in a menu
- Creating rollovers
- Clearing floats
- Indicating current pages
- Controlling cursor states
- Building dropdown menus
- Creating CSS-only buttons
Skill Level Intermediate
1. Structuring Navigation
2. Link Styling Basics
3. Creating a Vertical Menu
4. Creating Horizontal Menus
5. Dropdown Menus
6. Enhancing Navigation with CSS
Additional resources6m 29s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.