Dreamweaver CS6: Create a Nest List Within Another List


show more Nesting a list within another nested list 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 a list within another nested list

Now to prepare HTML for a third level navigation system, let's come up here to the nested unordered list inside of Link 3. Let's copy that. Let's come down to Link 4 before the ending list item tag. Let's hit a few returns, split that open, let's paste in all of the links for the Sub Link here. Let's change 3s to a 4. So now we have Sub Link 4-1, 4-2 and 4-3. Now let's add a nested list inside of link 4-2. So let's come inside of here before the ending list item tag, let's hit Return, split that open, let's paste those links inside of here.

So let's come in here and change these. This is going to be 4-1, 4-2, and 4-3, but then we're going set -2 for each one of these. So now we have Sub Link 4-2-1, 4-2-2, and 4-2-3. So these are three sub links inside Sub Link 4-2, which is a sub link of Link 4. Now save your work. And to get a quick idea of what this is starting to look like, let's come over here and click on Live View.

Over here in the right-hand...

Nesting a list within another nested list
Video duration: 2m 16s 25m 49s Intermediate

Viewers:

Nesting a list within another nested list 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 ...