/* New Perspectives on HTML and XHTML 5th Edition Tutorial ... - CIS

30 downloads 1170 Views 57KB Size Report
New Perspectives on HTML and XHTML 5th Edition. Tutorial 5. Review Assignments. Programming Table Style Sheet. Author: Kyle Mitchell. Date: 3/1/ 2011.
student’s name and the date are entered in comments, and the file is saved as programs.css

/* New Perspectives on HTML and XHTML 5th Edition Tutorial 5 Review Assignments Programming Table Style Sheet Author: Kyle Mitchell Date: 3/1/2011

three styles added as shown for the programs table

three styles added as shown for the table caption

four styles added as shown for the table cells

Filename: programs.css Supporting Files: left.jpg, right.jpg, top.jpg, topleft.jpg, topright.jpg */ table.programs {border-collapse: collapse; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; width: 100%} table.programs caption {text-align: right; font-size: 0.8em; caption-side: bottom} table.programs tbody td {border-bottom: 1px solid gray; border-left: 1px solid gray; font-size: 0.7em; vertical-align: top; padding: 2px} table.programs th

{font-size: 0.7em; border-bottom: 1px solid gray}

table.programs tr

{height: 25px}

row height set to 25 pixels style added for header row with color and rgb value as shown

table.programs thead 60)}

styles for the three types of columns added as shown

table.programs col.timeColumn {background: rgb(215, 205, 151) url(left.jpg) repeat-y left; width: 7%} table.programs col.dayColumns {width: 13%} table.programs col.lastColumn {width: 13%; background: white url(right.jpg) repeat-y right}

styles for the topLeft and topRight cells added as shown

#topLeft left} #topRight top right}

{color: white; background-color: rgb(105, 177,

{background: rgb(105, 177, 60) url(topleft.jpg) no-repeat top {background: rgb(105, 177, 60) url(topright.jpg) no-repeat