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
hamza shaikh
5,875 Pointswhy pictures won't show when i use atom text editor?
alright so i wanted to try another text editor so i chose atom. i made a new folder name portfolio than i created a file name index.html and also a folder name images. and then wrote simple code for images it will show as smal box type usually what u see when pics can't show.
<section> <ul> <li> <img src="/images/numbers-01" alt=""> </li> </p>picture</p> </section>
4 Answers
Michael Jurgensen
8,341 PointsHi Hamza,
Sounds like you are referencing the wrong directory. Make sure you do something like this:
<img src = "img/image_name.png" alt = "">
hamza shaikh
5,875 Pointsi don't exactly know how to use markdown feature so i'm just not gonna put less then signs okay but here is my code
section ul li img src="/images/numbers-01" alt="" /li /p pictures /p /section
Michael Jurgensen
8,341 PointsIs your images folder in the same directory as your html? If so try this:
<img src="images/numbers-01.png" alt="">
(Lose the / before images and add file extension)
hamza shaikh
5,875 Pointsyeah still won't work i'm sorry to bother you i have a portfolio folder inside i have a index.html file and a images folder where i got all the images. idk what im doing wrong.
Michael Jurgensen
8,341 PointsCould you list your directory structure? So I have an idea where the html file and image files are located.
hamza shaikh
5,875 Pointsportfolio ///////index.html ///////images /////////////numbers-01
Dustin Matlock
33,856 PointsHere's an animation for you.
Michael Jurgensen
8,341 PointsOkay the above should work. Are you using the correct file type such as .png .jpg
hamza shaikh
5,875 Pointsomg yes its working now i wasn't putting a format .jpg at the end of the pictures. thankyou so much michael jurgensen for not giving up and helping i really appreciate it. :)
Michael Jurgensen
8,341 PointsNo problem. I am glad its working.
hamza shaikh
5,875 Pointsi don't exactly know how to use markdown feature so i'm just not gonna put less then signs okay but here is my code
section ul li img src="/images/numbers-01" alt="" /li /p pictures /p /section
Dustin Matlock
33,856 PointsHamza, for how to post code, check out this video.
hamza shaikh
5,875 Pointsthankyou verymuch
Rich Bagley
25,869 PointsHi Hamza,
Based on the assumption that your image folder is named images and you are working locally can you try removing the slash from your img src please?
What you have written is correct when used online as it would be referencing the site root but I have a feeling that this may be causing the issue if local.
Thanks
-Rich
hamza shaikh
5,875 Points<section>
<ul>
<li>
<img src="images/numbers-01" alt="">
</li>
</p>Bahi k court me bahram check</p>
</section>
Michael Jurgensen
8,341 PointsMissing .png file type
Rich Bagley
25,869 PointsRich Bagley
25,869 PointsHi Hamza,
Can you post your image code please and we'll take a look?
Thanks
-Rich