Understanding vertical menus


show more Understanding vertical menus provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver show less
please wait ...

Understanding vertical menus

As noted throughout this course, if you're going to create CSS-based menus--and you should be--you'll need to start with unordered lists. This initial step is pretty straightforward. So here I have opened the mission.htm file from the Chapter 5 exercise files 05_02 subfolder. And I want to show you, if I go to Split view, I do have a nav tag--this is an HTML5 page, by the way--with the id of mainNav. And my cursor is right there in the middle of it, and that's where our unordered list is going to go.

Since it's just a plain unordered list, let's drop out of Live view, and I'll bring up my Style Rendering toolbar and toggle off the CSS Styles. And now I can go ahead and to start my bulleted list pretty quickly by clicking in the Unordered List icon in the Property Inspector. And let's enter that first name, which is Tours. And if I click over in Design view, you can see that that's been put in as an unordered list. And even better, now that I am in Design vi...

Understanding vertical menus
Video duration: 2m 15s 3h 24m Intermediate

Viewers:

Understanding vertical menus provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...