Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of CSS
  • Discussion

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Bookmark and Share
Lecture Comments (8)

0 answers

Post by Melchor Gonzales on May 20, 2012

Hi Brenton, I need to download the source codes in order to understand it better. Thanks

3 answers

Last reply by: David Llewellyn
Wed Apr 15, 2015 4:57 AM

Post by Jeff Lambert on December 11, 2011

I was working on Horizontal Nav Menu and it works in chrome and safari but when i try it in firefox it doesn't work. The dropdown menu shows up on the left side of the browser instead of under the li item. Any suggestions?

2 answers

Last reply by: Brenton Strine
Fri Aug 19, 2011 6:14 PM

Post by Brian Knowles on February 1, 2011

don't know how to fast foward/jump to sections without playing through the whole lesson.


Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • List Properties 0:06
    • List-style-type: Square, Disc, Circle, and Decimal
    • List-style-image
    • List-style-position
    • List-style
  • Example 1: An Inline List 2:30
    • Step 1: Make a List Display Inline
    • Step 2: Style a List So That It Looks Like Navigational Buttons
  • Example 2: Nested Lists and Dynamic Navigation 14:02
    • Step 1: Use List Nesting to Create a Tiered Nav Links Section
    • Step 2: Use CSS to Hide Sub-sections Until Hovered
  • Example 3: Sidebar Nav Menu 18:18
    • Create a Dynamic Nav Menu Using Nested Lists
  • Example 4: Horizontal Nav Menu 25:04
    • Create a Nav Menu with Drop-down Sub-menus