Creating rollovers


show more Creating rollovers provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Creating rollovers

As with vertical menus, you use the hover pseudo-class selector to create rollover effects for horizontal menus. In this exercise I want to take our rollovers a little bit further than we did in our vertical menu by creating a tabbed look for them. I'm working again in the horizontal.htm. This time from 04_06 directory, and of course we are going to have to create a new rule for our rollovers. So I am just going to go below the last rule, which is the li a rule, and I am just going to do li a:hover.

So the same thing we've kind of been doing to create rollovers. We are using the hover pseudo-class selector and targeting the links inside the list items. The very first thing I am going to do is apply a background color to this, and I am probably going to apply a little something you're not expecting. I am going to do red first. Now one reason I'm doing that is because as we go through the process of creating these rollovers, it lets you see exactly what area is defined as the rollov...

Creating rollovers
Video duration: 5m 52s 5h 14m Beginner

Viewers:

Creating rollovers provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...