From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 24,000 courses taught by industry experts.

Adding the navigation

Adding the navigation - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Adding the navigation

“

- Now we're going to build the content that goes inside of the Navigation element. Now typically, people use unordered lists to great menus because there's a built-in hierarchy in HTML in the way that we define and nest bullet lists or numbered lists. So in this case we'll have an outer UL, which will be the outermost unordered list. We'll have individual list items inside of there. And then when we put an unordered list inside of a list item, this is going to be one of our sub-menus. And we're going to put three levels of menus inside of this Navigation element, which means for a third level menu that will be inside of an LI, which is inside of another UL, which is inside of an LI, which is inside of another UL. So to build up this content, let's go back to our HTML file. Let's find our Nav element. Let's split this open, and in the top level we're going to add a UL tag here. We'll add a few returns. We'll end that unordered list. Inside of here we're going to add an LI. We'll end…

Contents