Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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 equal to selected. Let me come over here and open my split a little bit more. So this selected class here is going to allow our users to see what section of the site they are already in, and you can add a selected class to anyone of the anchor tags to give indications on where somebody is inside the navigation. So now with our first submenu in place, let's come up here, and let's select that entire nested unordered list, let's copy that to the clipboard, let's come down to item number three, lets split that list item open, let's paste in that submenu, let's come in here and call this Sub Link 3, let's take off this selected class on the second one, and we'll call the Sub Link 3-2, and 3-3.
Now that we have two nested unordered lists in place, one under Link 1, and one under Link 3, in the next movie, we're going to add a nested list to Link 4, and then we're going to put a nested list inside of that nested list, that's going to give us that third level menu that we saw in the Introduction video.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 101942 Viewers
61 Video lessons · 88662 Viewers
71 Video lessons · 72470 Viewers
56 Video lessons · 104170 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.