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
Maya Liberman
Full Stack JavaScript Techdegree Graduate 26,360 PointsWhy my photo is not shown up
I put the photos in the right file but they are not shown up in my website:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Nick Pettie | Designer </title> <link rel="stylesheet" href="css/normlize.css"> <link rel="stylesheet" href="css/normlize.css"> <link rel="stylesheet" href="css/main.css">
</head>
<body> <header>
<a href="index.html" id="logo">
<h1> Nick Pettite</h1>
<h2> Designer</h2>
</a>
<nav>
<ul>
<li> <a href="index.html"> Portfolio</a> </li>
<li><a href="about.html"> About</a></li>
<li> <a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img scr="img/numbers-01.jpg" alt="">
<p>Eperimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img scr="img/numbers-02.jpg" alt="">
<p>Trying to create a great style</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img scr="img/numbers-06.jpg" alt="">
<p>Photo shop is the King</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img scr="img/numbers-09.jpg" alt="">
<p>Creating website is a challange</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img scr="img/numbers-12.jpg" alt="">
<p>Eperimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-01.jpg">
<img scr="img/numbers-01.jpg" alt="">
<p>Why not to learn a new language</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"> <img src="img/twitter-wrap.png" alt="Twitter logo">
</a>
<a href="http://facebook.com/nickpettit"> <img src="img/facebook-wrap.png" alt="Facbook logo"></a>
<p> © 2014 Nick Pettit.</p>
</footer> </div> </body> </html> <style>
4 Answers
Lukas Smith
4,026 PointsMaybe U have wrong path. try change on /img/numbers-01.jpg and let us know
einomi
9,095 PointsDo you have opening head and body tags in your markup?
Maya Liberman
Full Stack JavaScript Techdegree Graduate 26,360 PointsYes, They are in the upper part - not in the black background. In the original doc they are inside the doc.
einomi
9,095 PointsThen check your directory structure.
It should look like this:
----index.html
----img/
--------numbers-01.jpg
--------numbers-02.jpg
--------numbers-03.jpg
--------etc
And also check the filenames.
einomi
9,095 PointsYou have incorrect attribute name. Correct 'scr' to 'src'.
Maya Liberman
Full Stack JavaScript Techdegree Graduate 26,360 PointsThank you Lukas, But it doesn't work:(
Lukas Smith
4,026 Pointschange the attribute name like Andrey said from SCR na SRC (source) should be <img src="img/numbers-01.jpg" alt="">
Maya Liberman
Full Stack JavaScript Techdegree Graduate 26,360 PointsThank you Lukas! It worked!