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 How to Make a Website Creating HTML Content Add Image Gallery Content

hikeem sosa
hikeem sosa
870 Points
Posted by hikeem sosa
hikeem sosa
870 Points

frontend track no img why?

i just finished the parts where we add captions to the images in workspace. and i have a strange indentation on image one and then from one to 12 i just see words.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>hikeem sosa | Designer</title>
  </head>
<body>
  <header>
    <a href="index.html">
  <h1>hikeem sosa</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>
   <section>
    <ul>
      <li>
        <a href="img/numbers-01.jpg">
         <img scr="img/numbers-01.jpg" alt="">
        <P>EXPERIMENTATION WITH COLOR AND TEXTURE.</P>
          </a>
      </li>
     </ul>
     <li>
        <a href="img/numbers-02.jpg">
         <img scr="img/numbers-02.jpg" alt="">
        <P>playing with blending modes in photoshop.</P>
          </a>
      </li>
     <li>
        <a href="img/numbers-06.jpg">
         <img scr="img/numbers-06.jpg" alt="">
        <P>trying to create an 80's style of glow.</P>
          </a>
      </li>
     <li>
        <a href="img/numbers-09.jpg">
         <img scr="img/numbers-09.jpg" alt="">
        <P>drips created using photoshop brushes.</P>
          </a>
      </li>
     <li>
        <a href="img/numbers-12.jpg">
         <img scr="img/numbers-12.jpg" alt="">
        <P>creating shapes using repetition.</P>
          </a>
      </li>

  </section>
  <footer>
    <p>&copy; 2017 hikeem sosa.</p>
  </footer>
  </body>
</html>

Moderator edited: Added markdown so the code renders properly in the forums.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi Hikeem! I took the liberty of adding some markdown to your code so that it's more readable for other students visiting this question. If you have a moment, take a look at the Markdown Cheatsheet at the bottom of the "Add an Answer" section. This has instructions on how to post code properly along with a few neat generic formatting tips for your posts. Happy coding! :sparkles:

1 Answer

Daniel Butler
Daniel Butler
3,648 Points
Daniel Butler
Daniel Butler
3,648 Points

Hi Hikeem,

After taking a quick look over your code, It seems you just have a typo on your image source attributes

Replace your scr with src

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi Daniel! I'm changing your comment to an answer as it not only marks the question answered in the forums, but allows for voting and possible selection of "Best Answer". Thanks for helping out in the Community! :sparkles: