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…
Author
Released
11/16/2012- 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
Duration
Views
Related Courses
-
CSS with LESS and Sass
with Joe Marini1h 57m Intermediate -
CSS: Page Layouts
with James Williamson8h 57m Beginner -
CSS: Styling Forms
with Ray Villalobos4h 1m Beginner -
CSS: Transitions and Transforms
with Joseph Lowery2h 25m Intermediate
-
Introduction
-
Welcome38s
-
Using the exercise files1m 14s
-
-
1. Structuring Navigation
-
Organizing menus with lists4m 26s
-
Ensuring accessibility9m 3s
-
Using the nav element7m 30s
-
Lab: Structuring navigation4m 11s
-
-
2. Link Styling Basics
-
Using global link styles9m 56s
-
Styling link states10m 57s
-
Indicating external links10m 4s
-
Styling image links8m 43s
-
3. Creating a Vertical Menu
-
Setting link styling3m 36s
-
Aligning links vertically4m 11s
-
Controlling link spacing2m 30s
-
Styling menus with borders2m 32s
-
Creating rollovers4m 45s
-
Restricting link styling3m 31s
-
Lab: Creating a vertical menu11m 44s
-
4. Creating Horizontal Menus
-
Stripping list styling3m 35s
-
Clearing floats6m 12s
-
Styling links7m 16s
-
Creating rollovers5m 52s
-
Indicating current pages4m 43s
-
Controlling cursor states2m 46s
-
-
5. Dropdown Menus
-
Overview of dropdown menus1m 17s
-
Structuring submenus5m 56s
-
Styling submenus6m 4s
-
Creating submenu rollovers3m 28s
-
Positioning submenus5m 43s
-
Lab: Dropdown menus6m 51s
-
Solution: Dropdown menus8m 49s
-
-
6. Enhancing Navigation with CSS
-
Creating CSS-only buttons8m 39s
-
Overview of CSS sprites3m 30s
-
Using CSS sprites for icons14m 30s
-
Styling block-level links8m 38s
-
-
Conclusion
-
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.
CancelTake 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.
Share this video
Embed this video
Video: Controlling cursor states