Join James Williamson for an in-depth discussion in this video Solution: Enhancing navigation with CSS, part of CSS: Styling Navigation.
- View Offline
- Exercise Files
- Code Practice
So how did your button turn out? Are you happy with it?…It's amazing how much variety you can get combining just a few properties.…Let's take a look at the finish files and compare them with yours.…You should have paid attention to not only which properties I use with things like the…button, but also how I wrote the selectors and structured the styles, especially for the sprites.…I'm really curious to see how closely your code matches mine, and again, if it doesn't,…it's not wrong, especially if it was working.…You just want to take a look at your code versus my code and see which one might be…more efficient, see which approach you'll like a little bit better.…
And you know what? If it ends up being your approach, that's fine.…There's nothing saying that you didn't write more efficient selectors than me.…Just to give you an idea of kind of what I came up with, I've showed you this earlier,…but this is the button that I created.…So a very simple button, it's got a nice looking gradient in it, I'm using a small little bevel…
- 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 Beginner
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.