Join James Williamson for an in-depth discussion in this video Controlling cursor states, part of CSS: Styling Navigation.
One of the properties in CSS that is often overlooked is the cursor property.…It might be because people really don't have that often a cause to use it.…But it gives you the very, very powerful ability to control the display of the cursor.…In the case of our horizontal menu, that means that we can give the appearance that the link is disabled.…So we're going to finish up our horizontal menu by working on the horizontal.htm from…the 04_08 directory, and this is an incredibly simple fix.…
I'm going to go into the current class selector, and I'm just going to create a brand-new line at…the bottom of that, I'm going to type in cursor, and you've got a lot of different choices,…and this is the one time that I'm going to reference some of Dreamweaver's visual tools,…because the Autohinting allows me to do this.…Look at all the different choices you have for cursors.…You have help, you have the resize, you have none, which can be really frustrating, pointer,…which is going to give you the hand.…Now weight which is, of course, going to give you a little hour glass, depending upon the…
- 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.