question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

add image to webpage lacks valid path (extension)

See original GitHub issue

add image to webpage lacks valid path (extension)

Challenge Name

Add Images to your Website

Issue Description

"Try it with this image:

https://bit.ly/fcc-relaxing-cat" needs an extension. https://www.freecodecamp.com/challenges/add-images-to-your-website

Browser Information

  • Browser Name, Version:
  • Operating System:
  • Mobile, Desktop, or Tablet:

Your Code




Screenshot

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:10 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
smkatzcommented, Feb 19, 2017

I love FCC. However, as someone who has some familiarity with HTML and CSS, and some difficulty with certain elements of syntax, I notice that sometimes things are not explained as completely as a book would do. I understand all of the above and what I would suggest is at some point talking about paths – relative paths, absolute paths, and supported file extensions. Uploading a .psd is not going to render inline, and they need to know that. I once had someone make a Dreamweaver site completely of absolute paths. Needless to say, that didn’t go well. Thanks for this great tool.

On Sat, Feb 18, 2017 at 2:36 PM Samuel Plumppu notifications@github.com wrote:

I guess we could maintain a set of redirection links, so campers see https://freecodecamp.com/public/images/relaxing-cat.png instead of the bit.ly link. But I doubt it would be worth the effort of maintaining the redirects.

Another idea is to clarify what the link stands for - Note: the exact contents of the link is not important - all you need to know is that the src attribute allow us to tell the browser from where it should get images

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/freeCodeCamp/freeCodeCamp/issues/13419#issuecomment-280872969, or mute the thread https://github.com/notifications/unsubscribe-auth/AV8PwltEpT1SQ6EGaWMsl0PLEpzVpscAks5rd1ZQgaJpZM4ME_5y .

0reactions
Greenheartcommented, Feb 21, 2017
Read more comments on GitHub >

github_iconTop Results From Across the Web

What's the valid way to include an image with no src?
I have a test page up that will twiddle the Content-type and Doctype of a page, and so far my favorite is: <img...
Read more >
Why can I not see the images on my website? - Encode.Host
The image file is not located in the same location that is specified in your IMG tag. The image does not have the...
Read more >
<img>: The Image Embed element - HTML - MDN Web Docs
The HTML element embeds an image into the document. ... The src attribute is required, and contains the path to the image you...
Read more >
Why is my HTML code (<img src='file path…') not working to ...
Your image filename and path must match EXACTLY including case of file name characters. Some image editors save extension as GIF or JPG....
Read more >
HTML Images - W3Schools
The HTML <img> tag is used to embed an image in a web page. Images are not technically ... The required src attribute...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found