Join James Williamson for an in-depth discussion in this video Defining link dimensions, part of CSS: Styling Navigation.
One of the most important properties of any menu is the dimensions of the actual links themselves.…This creates the clickable area that users interact with when they select them.…You want to make sure that you create a clear , active area without using too much or too little space.…So in this exercise, let's examine a few of the ways that we can define link dimensions.…Now, before we get into actually defining them, I want to show you what the current link dimensions are.…So I am going to go ahead and open up vertical.htm from the 03_02 folder--that's really just sort of…picking up where we left off in the last exercise--and I want to show you what the size of the…current active area of those links.…
So I am just going to click somewhere on the page, and hit Tab to be able to tab through those links.…Now you can see that right now the only area that's active is the content itself, and this…is basically due to the inline nature of the anchor element.…The anchor tag or the anchor element is an inline level element, and what that basically…
- 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.