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 Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Completing the Template Corrections

  • We are still having some issues with the nav bar that we want to correct
  • We will correct this on the template and all of our pages based on that template will be automatically updated and corrected
  • These are caused by deleting the ul tag earlier in order to correct the bulleted list issues
  • We want to add a new rule that is more specific for the ul to affect the margins for the ul in the nav bar, but not change the ul tag anywhere else on the page
  • The nav bar text is too low and cannot be seen in the actual nav bar area
  • This is because the ul tag adds space, and we want to eliminate that extra space to correct this issue
  • We will use the chevron character once again in order to accomplish this
  • Add a new selector by clicking the + in the Selectors panel within CSS Designer
  • Add nav>ul and set margins to 0 for top and bottom and font-weight of bold
  • Select #left and increase the width to 54% to widen the left column
  • Those changes should have corrected the nav bar issues and allowed the nav bar list to use different CSS rules than lists elsewhere on the page

Completing the Template Corrections

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
  • Nav>ul>li 1:05
  • Adding New Selector 2:19
    • Modifying Layout
    • Modifying Margin
    • Nav a
    • Preview
  • Modifying Width 5:29
  • Previewing Other Pages With Same Template 6:14
  • Why Templates Corrections? 8:12