Lab: Creating horizontal menus


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

Lab: Creating horizontal menus

Welcome to our horizontal menus lab. This lab is going to be just a little bit different from the last one in the record that I'm going to give you a few parameters for our site's menu, but it's going to be up to you to decide exactly how you want to style it. So I have two files that we are going to be working on in our lab opened up here. I have got the index.htm and the main.css opened up. You can find these in the 04_09 directory, and I want to point out that the main.css is found in this _css submenu.

So those are the two files that you are going to be working with. Now the instructions for this lab are at the very top of the main.css file. I am going to go through the steps for the instructions, and as I go through some of these individual ones, I am going to preview the finished version of the site menu so you can see what your target styling goal is. So the very first thing you want to do is browse through the structure of the HTML code, find a nav element with the ID pageNav, an...

Lab: Creating horizontal menus
Video duration: 6m 45s 5h 14m Beginner

Viewers:

Lab: Creating horizontal menus 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 ...