Table Layout

Open the dlr_tables2.css file and go to the Table Styles section. Create a style rule for the programs table that:

• sets the width of the table to 100%,
• adds a 15-pixel outset border with a color value of rgb(151, 151, 151),
• defines the borders so that they are collapsed around the table, and
• sets the font family to the font stack: Arial, Verdana, and sans-serif.

Create a style rule that sets the height of every table row to 25 pixels.

Create a style rule for every th and tdelement that:

• adds a 1-pixel solid gray border,
• aligns the cell content with the top of the cell, and
• sets the padding space 5 pixels

Table Caption Styles

Go to the Table Caption Styles section and create a style rule that places the caption element at the bottom of the table and centered horizontally.

Table Columns

Go to the Table Column Styles section. For col elements belonging to the timeColumn class, create a style rule that sets the column width to 10% and the background color to the value rgb(215, 205, 151).

For col elements of the wDayColumns class, create a style rule that sets the column width to 11% and the background color to rgb(236, 255, 211).

For col elements of the wEndColumnsclass, create a style rule that sets the column width to 17% and the background color to rgb(255, 231, 255).

Table Header

Kyle wants you to format the table heading cells from the table header row. Go to the Table Header Styles section and create a style rule to set the font color of the text within the theadelement to white and the background color to a medium green with the value rgb(105, 177, 60).

The different cells in the table header row should be formatted with different text and background colors. Using thefirst-of-type pseudo-class, create a style rule that changes the background color of the first th element within thethead element to rgb(153, 86, 7).

Using the nth-of-type pseudo-class, create style rules that change the background color of the 7th and 8th thelements within the thead element to rgb(153, 0, 153).

Table Footer

Kyle wants the table footer to be formatted in a different text and background color from the rest of the table. Go to the Table Footer Styles section. Create a style rule for thetfoot element that sets the font color to white and the background color to black.

here is what I have so far. not sure what is wrong.

@charset "utf-8";

/* New Perspectives on HTML and CSS Tutorial 6 Review Assignment

Tables Style Sheet Author: Date: 2/17/19

Filename: dlr_tables2.css

*/

/* Table Styles */ table { width: 100%; border: 15px outset rgb(151,151,151); border-collapse: collapse; font-family: Arial, Verdana, sans-serif; }

tr { height: 25px; }

th,td { border: 1px solid gray; vertical-align: top; padding: 5px; }

/* Table Caption Styles */ caption { caption-side: bottom; text-align: center; }

/* Table Column Styles */

.timeColumn { column-width: 10%; background: rgb(215,205,151); }

.wDayColumns { column-width: 11%; background-color: rgb(236,255,211); }

.wEndColumns { column-width: 17%; background-color: (255,231,255); }

/* Table Header Styles */ th { color: white; background-color: rbg(105, 177, 60); }

th: first of type { background-color: rgb(153,87,7); }

th: nth-of-type(7) { background-color: rgb(153,0,153); }

th:nth-of-type(8) { background-color: rgb(153,0,153;) }

/* Table Footer Styles */ footer { color: white; background-color: black; position: fixed; bottom: 0; }