HTML / CSS Debug

ERROR REPORT – LEVEL 1, BRONZE

ERROR 1

1. What line did you find the error?

Line 15 

2.What was the error and how did you fix it?

File name shirt.jpg was wrong.

To get this working I changed the file name to shirt.png, which is the correct name of the file.

ERROR 2

1. What line did you find the error?

Line 17

2.What was the error and how did you fix it?

Heading “WE’RE COMING SOON!” was h6. 

This should be a h2.

ERROR 3

1. What line did you find the error?

Line 19

2.What was the error and how did you fix it?

<paragraph> </paragraph> tags are wrong they should be <p> </p> tags.

ERROR 4

1. What line did you find the error?

Line 20

2.What was the error and how did you fix it?

Paragraph closing tag is wrong </>

It should be </p>

ERROR REPORT – LEVEL 2, SILVER

HTML ERRORS – You will find the following errors in index.html

ERROR 1

1. What line did you find the error?

Line 14

2.What was the error and how did you fix it?

<image source should be <img src

ERROR 2

1. What line did you find the error?

Line 16

2.What was the error and how did you fix it?

There is no h2 closing tag. I added </h2> to get this working.

ERROR 3

1. What line did you find the error?

Line 20 and 25, 29, 34

2.What was the error and how did you fix it?

<ol> and </ol> creates an ordered list it should be <ul> and </ul> to get a bullet point list.

ERROR 4

1. What line did you find the error?

Line 30

2.What was the error and how did you fix it?

<list> and </list> should be <li> and </li>

ERROR 5

1. What line did you find the error?

Line 33

2.What was the error and how did you fix it?

“YOUR TICKETS!” is missing the <li> </li> tags

CSS ERRORS – You will find the following errors in style.css

ERROR 6

1. What line did you find the error?

Line 7 in CSS

2.What was the error and how did you fix it?

Shouldn’t be red it should be #BF33FF

ERROR 7

1. What line did you find the error?

Line 12 in CSS

2.What was the error and how did you fix it?

250 does not have px which stops the image size working. So I changed this to 250px

ERROR 8

1. What line did you find the error?

Line 16 in CSS

2.What was the error and how did you fix it?

fontweight error is incorrect. It should be font-weight

ERROR 9

1. What line did you find the error?

Line 21 in CSS

2.What was the error and how did you fix it?

colour is the wrong spelling it should be color

ERROR REPORT – LEVEL 3, GOLD

HTML ERRORS – You will find the following errors in index.html

ERROR 1

1. What line did you find the error?

Line 8

2.What was the error and how did you fix it?

<link rel=”stylesheet” href=”.css”> is missing the name of the stylesheet. It should be <link rel=”stylesheet” href=”style.css”>

ERROR 2

1. What line did you find the error?

Line 15

2.What was the error and how did you fix it?

<h>Lewis Capaldi!</h> should be <h1>Lewis Capaldi!</h1>

ERROR 3

1. What line did you find the error?

Line 16

2.What was the error and how did you fix it?

This line is missing a closing tag 

ERROR 4

1. What line did you find the error?

Line 20

2.What was the error and how did you fix it?

<p id = “birthday”> Birthday: October 7th, 1996</p> 

missing quotations

ERROR 5

1. What line did you find the error?

Line 23

2.What was the error and how did you fix it?

p identification = “website”> Website:<a href=”lewiscapaldi.cin”>lewiscapaldi.com</a></p> it is not identification it should be id

ERROR 6

1. What line did you find the error?

Line 25

2.What was the error and how did you fix it?

Is missing a closing <p> tag at the end of the code after </iframe> 

It should be </iframe> </p>

ERROR 7

1. What line did you find the error?

Line 26

2.What was the error and how did you fix it?

No need for </header> this header can be removed

ERROR 8

1. What line did you find the error?

Line 23

2.What was the error and how did you fix it?

The <a> tag was wrong, changed it into: Website:<a href=”lewiscapaldi.cin”>lewiscapaldi.com</a>

CSS ERRORS – You will find the following errors in style.css

ERROR 9

1. What line did you find the error?

Line 16 in CSS

2.What was the error and how did you fix it?

font-face: sans-serif; it should be font-family

ERROR 10

1. What line did you find the error?

Line 24 in CSS

2.What was the error and how did you fix it?

.birthplace{ it should be #birthplace

ERROR 11

1. What line did you find the error?

Line 30 in CSS

2.What was the error and how did you fix it?

There is no closing bracket. I added }

ERROR 12

1. What line did you find the error?

Line 38 in CSS

2.What was the error and how did you fix it?

text-align: right; It should be text-align: left;

ERROR 13

1. What line did you find the error?

Line 45 in CSS

2.What was the error and how did you fix it?

text-position: left; It should be text-align

ERROR 14

1. What line did you find the error?

Line 59 in CSS

2.What was the error and how did you fix it?

height:2.5px; This is the wrong height it should be 250px

ERROR 15

1. What line did you find the error?

Line 60 in CSS

2.What was the error and how did you fix it?

width:300px; is missing. I added it.