Creating CSS-based rollovers


show more Creating CSS-based rollovers provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training show less
please wait ...

Creating CSS-based rollovers

Although we aren't going to do anything in this movie that we haven't already done in one form or another, stick with me, because in this movie we're going to tie everything we've learned about styling links together to explore making CSS-based rollovers. The ability to create CSS-based rollovers is based off of the use of what we call pseudo-selectors. There are many pseudo-selectors but the link, visited, hover and active pseudo-selectors allow us to respond to user interaction for our links. In this movie, we will create a CSS -based rollover for our frequently asked questions links.

By creating a separate visual state for the link and the hover, we can create a more compelling visual guide to the pages navigation. So I have the faq.htm file open, and if I scroll down, and I can see that the links that are going to take us down the page don't look quite as good as they used to, but that's because we've ripped all the styling out of it, and we're going to...

Creating CSS-based rollovers
Video duration: 13m 49s 15h 22m Beginner

Viewers:

Creating CSS-based rollovers provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...