Join James Williamson for an in-depth discussion in this video Restricting link styling, part of CSS: Styling Navigation.
We are almost finished with our menu, but we have one little bit of housekeeping to…do before we are totally done.…You may have noticed that all of our links have a bottom-border, including this last one.…Since the border's function is to provide visual separation between the links, it really…doesn't belong on this last menu item.…You are going to run into this problem over and over again when you're styling menus.…Regardless of whether it's a horizontal or a vertical menu, you're bound to have some…extra padding, margins, borders, or some other property on either the first or last menu item, sometimes both.…
In a lot of cases, that won't be that big of a deal, but for others, it really might…be the difference between the menu actually fitting within the layout or it actually working or not.…Let's see how we can clean that up.…Now, before I jump into the code and start working with our file, I want to take you…over to the W3C's Selectors Level 3 specification.…And we are just focusing on one small section of it, and this is a little rundown of all…
- 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?
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.