Stripping default list styling


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

Stripping default list styling

In this chapter, we'll explore creating our first menu. We'll start with vertical menus, as they require the least amount of formatting and they're a great place to start when learning how to style menus for the first time. To give you an idea of what we're going to be building, here's our finished vertical menu. We have nice, evenly-spaced menu items that respond to mouse-overs or user focus. Like most menus, our vertical menu is simply an unordered list of links. Before we can actually concentrate on the menu styling itself, we'll need to strip out the browser's default list styling.

And to do that, we're going to start with the vertical.htm file found in the 03_01 directory. And if I scroll down, I can see the actual structure of our menu. So we've got a very simple menu here just an unordered list. Notice that we're not using any IDs or classes to identify that, we don't have this wrapped with a div tag or with a nav element. It's just a simple u...

Stripping default list styling
Video duration: 4m 34s 5h 14m Beginner

Viewers:

Stripping default list styling 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 ...