Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Mary-ashley Holtz
Mary-ashley Holtz
2,398 Points
Posted by Mary-ashley Holtz
Mary-ashley Holtz
2,398 Points

First project- personal image does not exist

I submitted my first project for my tech degree and I received an error stating that my image mash.png didn't exist, but I see it saved in my site folders under images. What seems to be the issue?

Bogdan Cabaj
Bogdan Cabaj
16,349 Points
Bogdan Cabaj
Bogdan Cabaj
16,349 Points

Please post a code snippet of your HTML and exact folder structure of your site folder. Based on your description it seems like you need src="images/mash.png"

Mary-ashley Holtz
Mary-ashley Holtz
2,398 Points
Mary-ashley Holtz
Mary-ashley Holtz
2,398 Points

Here's a snippet of my code: 

<header>
  <img src="images/mash1.jpg" alt="Mash Profile" class="profile-image">
  <h1 class="tag name">Hello, Iā€™m Mash.</h1>
  <p class="tag location">My home has covered all corners of the US!.</p>
</header>

I do have src. I changed the image from mash.png to mash1.jpg to see if that would help.

My folder structure is as such: main folder named: first site images folder github.svg linkedin.svg map 2.jpg mash.png mash1.jpg twitter.svg

about.html index.html style.css

I'd post a screenshot but don't know how.

1 Answer

Bogdan Cabaj
Bogdan Cabaj
16,349 Points
Bogdan Cabaj
Bogdan Cabaj
16,349 Points

Hi there again. Snippet looks good and I even tried locally on my machine and it works too. One option is to use web developer tools if you are using chrome browser and hover over src attribute and it will show you exact path to the image. Maybe this way you can see if the path is correct.

Sorry i could not be more help.

Mary-ashley Holtz
Mary-ashley Holtz
2,398 Points
Mary-ashley Holtz
Mary-ashley Holtz
2,398 Points

I just checked on chrome with the live webpage and my image shows up. Also when I inspect the page, the path that shows is my correct path. I am confused as to what correction I need to apply.