Structuring submenus


show more Structuring submenus provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Structuring submenus

Before we can start styling our submenus, we first have to create them. Submenus are lists of links that are nested inside their parent menus. In order to properly style your submenus, it is critical that they are structured correctly. And let's take a look at how to do that. So I have the dropdown.htm file open from the 05_02 directory--I'll scroll down in the code a little bit so I could focus on our existing menu. We are going to have three submenus as a part of this: products, blog, and contact are all going to have submenu options.

Structuring this is actually really simple, it's just a nested list but you've got to make sure that you are placing them in the right place. In the case of products, for example, what I'm going to do is I am just going to create a little bit of space inside the list item, and this is what's really important about this. You want your submenus to come after your link but still be inside the list item, you don't want to stay outside of it, ...

Structuring submenus
Video duration: 5m 56s 5h 14m Beginner

Viewers:

Structuring submenus provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...