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!

Correcting CSS Issues on Pages Based on the Template

  • We will correct the list issues that have appeared on the destinations.html page once our page was placed into the template page
  • By selecting the border of page content in Design view, Dreamweaver will give you visual and textual cues that show border, margin or padding properties that are applied to that page content
  • Use the following steps to correct the list and navigation bar issues
    • Select styles-template.css in the Sources panel
    • Select the h1,h2,h3,h4,li selector and remove the li from this list of selectors
    • Select the li selector and modify this selector to read nav>ul>li
    • The chevron selector (>) is a direct descendant selector so there cannot be any tags in between those tags or the rule does not apply
    • Remove the ul tag selector from the Selectors panel
    • Select the nav a selector and change the font-weight to normal instead of bold
    • Select .logo from the Selectors panel
    • Change the line height for .logo from 1.75em to 1.5em
    • Select #left in the Selectors panel
    • Remove the 30px of left padding on #left

Correcting CSS Issues on Pages Based on the Template

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
  • Bulleted List in Template 0:33
    • CSS Designer
    • Selectors Causing Issue
    • Deleting Tags
  • Chevron Selector 4:14
  • Hyperlinks 5:51
  • Update Template Files 6:24
    • Updates Pages Status
  • Modifying Logo Class 7:54
    • Left Div Margin/Padding
    • Float
  • Available Modifying Tools 12:30