| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/Classes/CST1021/Labs/ |
Upload File : |
Lab 11 - Tables
Deductions for any elements required by the lab that are not present or incorrect:
-15 if the CSS Validation Service or Markup Validation Service report errors. No further grading will be done.
-1 for each missing element or like group.
-1 for each incorrect element or like group.
-1 for any additional html elements that have errors.
Do not add any additional code or styling other than what is required by the lab.
I will deduct points for additional code or styling that are or cause problems.
There are some things I expect. If they are incorrect you will lose the following:
Work submitted incorrectly: -2 pts. This covers errors such as incorrect files names, incorrect file formats, poor formatting, etc.
Second and subsequent submission of work for grading: -2 pts.
Work submitted late: -2 pts per week.
I reserve the right not to apply the deduction points at my absolute discretion.
-1 Work submitted incorrectly.
Your files were not contained in a Lab11 folder.
-1 Work submitted incorrectly.
Your `Lab11` folder was misnamed `Lab 11`.
-1 Line 7; Bad href in link tag.
-1.5 Second and subsequent submission of work for grading.
Lab11.css:
-15 The CSS Validation Service at https://jigsaw.w3.org/css-validator/validator.html.en reported errors.
You really must validate your css before submitting your assignment.
=e
Lab11.html:
-15 The Markup Validation Service at https://validator.w3.org/ reported errors.
You really must validate your html before submitting your assignment.
You also have warnings that you should correct.
Also, the month columns in the second and third tables are not of equal width.
=e
Lab11.css:
No validation errors.
table,td,th {border:1px solid silver;}
table.two td {width: 75px;}
Table.three td.heading {color: red; text-align: right; white-space: nowrap;}
table.three td {text-align: center; width: 75px;}
table.four {border:1px solid red; padding: 2px;}
table.four td {border:1px solid blue;}
-0 Line 34; The correct padding is 1px. No point deduction as this is hard to determine from the image.
-2 All of your table and cell borders are too thick. They should only be 1px.
-0 Line 5; You styled ALL th, tr, and td elements here. Not just for the first table table.
This may be what you wanted because all table, td, and th elements have a border.
Your css for table.d below correctly sets the border for the fourth table.
-1 Line 5; You are using border-collapse.
-1.5 Steps 3.4, 3.5, and 3.6; The border colors are not correct.
Lab11.html: (errors may also be due to css rules)
-1 Tables 1-3 have the wrong border.
-5 Not all css is in the external style sheet as required by Step 3.
-1 The html tag is missing the lang attribute and value.
-2 The table cell content in the first, second, and fourth tables should not be centered.
-0 The border of the third table left hand column should not be red.
-1 The tables do not have 1em of space between them.
See the note for step 3.5.
-3 Your first three tables do not have a border.
Your use of padding will cause a problem. Try a margin.
Table one, Step 3.3:
Ignore: The row with the month names display with bold text.
-0 Step 3.3; The month names should not be displayed with bold text.
-1 Step 3.3; You are using border-collapse.
-3 Step 3.3; The columns do not auto-size to the cell content width.
You are setting a style attribute for the table.
This is not needed and the assignment states that all css must be in the external style sheet.
-2 Step 3.3; All text displays in bold text.
Use td tags or search for css font weight.
-1 Step 3.3; The table has no border.
-1 Step 3.3; The border color is incorrect.
-2 The first three tables and all table cells have an incorrect border style.
Look at the example.
-1 Step 3.3; The cells should not be centered.
Table two, Step 3.4:
Ignore: The row with the month names display with bold text.
The row with the month names have the text centered.
-0 Step 3.4; The month names should not be centered.
-0 Step 3.4; The month names should not be bold.
-2 Step 3.4; All text displays in bold text.
Use td tags or search for css font weight.
They are also centered and they should not be.
-3 Step 3.4; Table layout of fixed is not allowed.
-3 Step 3.4; The columns do not have the same widths.
Search for css td width.
-1 Step 3.4; The table has no border.
-1 Step 3.4; The border color is incorrect.
Table three, Step 3.5:
Ignore: The row with the month names display with bold text.
-0 Step 3.5; The month names should not be bold.
-3 Step 3.5; Table layout of fixed is not allowed.
-1 Step 3.5; The top heading is not inside of the table.
I know of no way to style a caption to look like a table and table cell that both have borders.
Instead of using a caption try adding a row with one column and a colspan.
-1 Step 3.5; The top heading is not bold text.
-2 Step 3.5; The month column names and values are not centered as required.
-1 Step 3.5; The month column values are not centered as required.
-2 Step 3.5; All text displays in bold text. This should only be for the top heading.
Use td tags or search for css font weight.
-1 Step 3.5; The row with the month names displays with bold text.
Use td tags or search for css font weight.
-1 Step 3.5; The row with the month names does not have the month names centered.
Use th tags or search for css text align.
-1 Step 3.5; The table has no border.
-1 Step 3.5; The border color is incorrect.
-1 Step 3.5; The heading does not span all 7 columns.
-1 Step 3.5; The left most column does not have right aligned text.
-1 Step 3.5; The left most column text is the wrong color.
-1 Step 3.5; The left most column border is the wrong color.
-1 Step 3.5; The left most column is too wide.
-1 Step 3.5; The left most column is not wide enough for the content.
Try setting the column widths instead of using a fixed layout.
-1 Step 3.5; The left most column is too wide. Actually, all of the columns are too wide.
Try setting the column widths instead of using a fixed layout.
-1 Step 3.5; All of the month columns are too wide.
Try setting the column widths instead of using a fixed layout.
-1 Step 3.5; The left most column is too narrow.
It does not expand to show the content on one line.
Try setting the column widths instead of using a fixed layout.
Then use white-space: nowrap; on the first column.
-1 Step 3.5; The left most column displays text in bold.
-3 Step 3.5; The month columns do not have the same width.
Search for css td width.
+1.5 Only subtracting 1.5 points because this is the same error as step 3.4.
-2 Step 3.5; The month columns do not have the same width.
Search for css td width.
-2 Step 3.5; The month numbers and temps in the third table are not centered.
-3 Step 3.5; The month names, numbers, and temps in the third table are not centered.
-3 Step 3.5; You do not have the correct number of columns in each row nor are the left ones correct.
-0 Step 3.5; The border of the third table left hand column should not be red.
-2 Step 3.5; You are missing a row.
-1 Step 3.5; The table title is not inside the table. thhead by itself does not create a table row.
-2 Step 3.5; The left column is not in red nor right aligned. Try a class for the td.
Table four, Step 3.6:
-1 Step 3.6; The table border is too close to the td borders. You need to apply padding to the table.
Search for css padding.
+1 I am not deducting a point for this because it is too hard to see from the image.
-1 Step 3.6; You changed the spacing between all borders, not just the table border.
-2 Step 3.6; The table and td borders are not the correct colors.
Search css border-color and css table border-color.
-1 Step 3.6; The table has no border.
-1 Step 3.6; The table border is not the correct color.
-1 Step 3.6; The td borders are not the correct color.
If you want to use the .Blue class, then your selector is incorrect.
A tbody does not have borders so it does not cascade down to the td elements.
Try using a selector such as `tbody.Blue tr td`.
-4 Step 3.6; This table is missing.
-4 Step 3.6; TDs do not span the correct rows or columns. Search table colspan rowspan.
-1 Missing the </body> tag.
-1 Missing the </html> tag.
Good job. This lab can be a hard one, and you did it perfectly. Nice looking code also.
+1 The table tr td indenting makes your code easy to read and understand.
I am adding back a point for this.