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 Educator.com

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!

Formatting Content Within a Table

  • We will take a look at styling table properties using CSS
  • We want to add styles for the table and the cells within the table
  • If you put your cursor in the table, you will see the various tags that are used to create a table
  • Default table cell alignment is horizontal left and vertical middle
  • You can modify the alignment for cells within the table using the Properties panel
  • You can use a CSS Group selector to style the content within table cells so it matches paragraph and list styles
  • Learn more about modifying and formatting table content in this lesson

Formatting Content Within a Table

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
  • Table Header 0:10
  • Styling the Table 0:34
    • Alignment
  • Modifying a Cell 2:17
    • Setting Vertical Alignment
  • Modifying Font 3:14
    • CSS Designer
    • Span Tag
    • Adding Styles to <td>
    • Text Area
    • Enable/Disable
    • Font Size
  • Widths 7:32
    • Select Table
    • Adjust Widths
    • Pixel Width
    • Dragging Cells
    • Locking Columns in Place
    • Clear All Widths
    • Visual Aids
    • Centering Table