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 trialNick Evershed
6,429 PointsMy image is not working on my website
So I just made a little test website, and my image is not loading, its coming up small with an X but I don't know what I have done wrong, please help
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 PointsHello!
Can you please write the code, or even better, share your workspace?
Nick Evershed
6,429 PointsBut its not as simple as that, i'd have to show you my file paths, do you just want me to copy and paste my image tags?
6 Answers
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 PointsIs your image loading small or just like a faulty icon? Just to check, is your picture PNG? Ps. your tittle should go within your header, before the body, and the structure should be:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img src= "images/glg.png">
<h6>Hello<h6/>
</body>
</html>
Nick Evershed
6,429 PointsI moved the image out of the images folder and renamed it to google.png
<!DOCTYPE html/>
<body> <title></title> <img src= "google.png"'> <h6>Hello<h6/> </body>
Nick Evershed
6,429 PointsIm using notepad, im going to try with a new text editor, now the website isn't even updating when i refresh it
Nick Evershed
6,429 Pointsit comes up as a broken image
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 PointsOh GREAT! I also noticed that any small misspelling or error can mess the whole code. Glad to see it is all sorted now :))
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 PointsThank you, happy coding :)))!
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Pointstreehouse workspaces allows you to share your work so it's easier for the rest of us to see what you have done and try to help. Without seeing your code it is difficult to help... if you don't want to do the above, maybe try to copy and paste your code and we can have a look.
Nick Evershed
6,429 Pointsof course i can, but im not using workspaces, I don't have anymore left and I don't really like it
<!DOCTYPE html/>
<body> <title></title> <img src= 'images/glg.png'> <h6>Hello<h6/> </body>
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 PointsHave you tried with a different image by any chance?
Nick Evershed
6,429 Pointswill do it now, also thanks for responding so fast!
Nick Evershed
6,429 PointsJust fixed it, turns out it was called google.png.png I accidently renamed it when it already had the png extention, hence why it wasn't found
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Pointsno worries, sorry i am not more helpful :( (i am stuck with my exercise too haha) let's see what happens when changing the picture.
Nick Evershed
6,429 PointsNo you were very helpful, that was hard to detect dont worry
Zimri Leijen
11,835 PointsZimri Leijen
11,835 PointsPlease share your code, we're not wizards.