Join James Williamson for an in-depth discussion in this video Indicating external links, part of CSS: Styling Navigation.
Occasionally, you're going to want to indicate when a link is going to redirect a user to…an external site, or even download an external resource.…Now, the easiest way to do this is to use attribute selectors to the filter out link types.…Now, while we're focusing on a specific use case in this particular exercise, I really want you…to think about all the different ways that you can use the techniques that I'm…going to show you in this exercise to enhance your navigation.…There may be you know some other ways that are unexpected.…All right, so I have the external.htm page open from the 02_04 folder.…
I just want to show you this in the browser, so I can show you what I'm talking about here.…We're indicating external links. We're going to show the user that we when they're going…to click on something, it's going to take them outside the site or download a file…like Word document or PDF or something of that nature.…So I have got four links currently built into this.…I've got two of them that are going to take you off the site, so mocked to one that shows…
- 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.