Nesting unordered lists


show more Nesting unordered lists provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create Navigation Menus with jQuery and Dreamweaver show less
please wait ...

Nesting unordered lists

Now to create our first menu, we need to create a nested unordered list. So let's come in here under Link 1. After the anchor link, but before the ending li, let's hit a Return, let's split that open, let's come inside of here, and we're going to add another unordered list inside of this list item. So let's start with the ul tag, let's end that tag, let's split that open, let's open that up, add another list item tag, end that tag. Let's copy that.

Let's paste that two more times, insert another anchor link inside, make that a self link, so we'll link it to a pound sign, and the anchor tag, let's paste that inside of each of other list items. And for the very first one, inside of the link area, we'll type Sub Link space 1-1, let's copy that, and the second one, we'll call that Link 1-2, and then 1-3.

One of the thing we're going to do inside of here, let's add a class to the middle one, and we're going to set this class equ...

Nesting unordered lists
Video duration: 2m 23s 25m 49s Intermediate

Viewers:

Nesting unordered lists provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create Navigation Menus with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...