Students cannot successfully insert pics in unit 2 lesson 7 step 4

My classes log in through google classroom. They are unable to have a pic show using <img> element. I have attached a student link above. I cannot log in as student to test. I did cut and past their code into mine and it worked.

Is there some type of restriction in google classroom that stops the upload/correct link?

<link rel="stylesheet" href="style.css">

Fortnite

Reasons why fortnite is my favirote game

<h2>	</h2>

<ul>
  <li>It has chalenges 	</li>
  <li>16 player	</li>
</ul>

<h2>more reasons </h2>

<ul>
  <li> You can play with friends	</li>
  <li>Lastly its FUN	</li>
</ul>

@nbarbalato, I don’t think there is any issue with Google Classroom and images showing. Is that the issue, images aren’t showing?

In the code above, I don’t see any <img> tags, so maybe you are asking something else. I’m not quite sure.

Can you have them click on the “Share” button and share a direct link to their code (if you have sharing enabled)? The link you shared in the post above is just the link to the generic level in code.org, so when I click on it, it takes me to the project I made on that page.

In looking at the code you’ve pasted in, I don’t see any problems with it. the <link> code just connects the index file to the stylesheet, but it looks correct to me.

If you have any more information or can send us the “shared” link, we can look closer at it.

thanks!

Mike

Here is the code the student entered. I have also attached a screenshot of the lesson 7 window. I do not have this student today, but I will try to get him to do the requested share.

<link rel="stylesheet" href="style.css">

Fortnite

Reasons why fortnite is my favirote game

<h2>	</h2>

<ul>
  <li>It has chalenges 	</li>
  <li>16 player	</li>
</ul>

<h2>more reasons </h2>

<ul>
  <li> You can play with friends	</li>
  <li>Lastly its FUN	</li>
</ul>

sample.docx (72.3 KB)

@nbarbalato Ok. I don’t see that your student has used any <img> tags, but we are happy to look at the code.

Mike

I attached a screenshot copy of the coding window with his img src and the jpeg he is trying to use

Fortnite

Reasons why fortnite is my favirote game

  • It has chalenges
  • 16 player

more reasons

  • You can play with friends
  • Lastly its FUN

@nbarbalato,

I noticed that in the code the file is Soccer.jpg but the file was uploaded as soccer.jpg. Hopefully, editing that will get the image to appear.

Happy computing,
Andrea

2 Likes

Sorry. Didn’t see the attached word doc until after @AndreaR already responded, but yes, the file names are case sensitive, so fixing that should make the image show up!

Mike