Creating a navbar from a list


show more Creating a navbar from a list provides you with in-depth training on Web. Taught by Eric Meyer as part of the CSS Web Site Design show less
please wait ...

Creating a navbar from a list

So in this movie we're actually going to take a look at how we can change the kind of display role elements can have. That may sound a little abstract. Let's make it concrete. The nav bar you can see here, actually is gone back to being an ordered list of 123456, there are six navigation links, and we don't want it to look like that, do we? We want to be a horizontal navigation bar, and we can do that. You can see here near the bottom of this code the ordered list with the ID of navlinks, that were the navigation links with all the list items, and that's all cool.

So these list items by default, generate what are known as block boxes. A block box is the same kind of box that would be generated by a div, or a paragraph, or heading, those sort of thing, when they go completely side to side and they don't let any other elements sit next to them. Hyperlinks and Spans and other such things generate what are known as inline boxes, where you can have a bunch of them on the s...

Creating a navbar from a list
Video duration: 4m 50s 6h 8m Intermediate

Viewers:

Creating a navbar from a list provides you with in-depth training on Web. Taught by Eric Meyer as part of the CSS Web Site Design

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