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

Posted by dulcevita
dulcevita
302 Points

Images and my name not showing up

Someone checked my code and noted that it's solid. My name is included in the code but Nick's name shows up with only one image.

I'm not sure what else to do. The images are saved in the img folder.

Thank you for any assistance!!

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Dulcevita Erozo Brock | Producer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <style>
      footer {
        color: green;
      }
    </style>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Dulcevita Edrozo Brock</h1>
        <h2>Producer</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 src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>Playing with blending modes in Photoshop.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>Trying to create an 80's style of glows.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>Drips created using Photoshop brushes.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>Creating shapes using repetition.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <img src="img/twitter-wrap.png" alt="Twitter Logo">
      <a href="https://www.facebook.com/dulcevita.brock">
img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
      <p>&copy; 2014 Dulcevita Edrozo Brock</p>
    </footer>
  </body>
</html>
Kate Hoferkamp
Kate Hoferkamp
5,205 Points

Are you sure that you saved this and are loading the right file into your browser? I know it sounds simple, but it always seems to be the obvious things that get me! Your code looks pretty good though so I don't think it's that. It just seems like you may be looking at the wrong file..

dulcevita
dulcevita
302 Points

Yes, I looked at my folder labelled "img" and the default images are all there.

I just tried something: in Firefox my code doesn't work. I copied the code in Chrome and it now works.

Strange that it only works in one browser - but it works.

Thank you Kate!

5 Answers

Lukas Jones
Lukas Jones
11,667 Points
Lukas Jones
Lukas Jones
11,667 Points

it looks like you are missing a "<" on the last img src="img/facebook-wrap.png" alt="Facebook Logo">

Adam Womble
Adam Womble
10,437 Points
Adam Womble
Adam Womble
10,437 Points

Hello, dulcevita!

Could you possibly show us the contents of the directory? If we could see the structure of your directory, we might be able to better locate the problem.

Best,

Adam Womble

**Edit: Just read Mr. Jones' comment, and he is correct. Fixing that one missing character may correct all of your problems. If not, please do post your directory structure.

dulcevita
dulcevita
302 Points
dulcevita
dulcevita
302 Points

Thank you Lukas and Adam:

It worked in Chrome but NOT Firefox. Is there an issue with Firefox and should I just code in Chrome? (I also just added the last "<" to the last image)

Here's a link to my wokspace so you can see my directory: http://teamtreehouse.com/workspaces/1267912

dulcevita
dulcevita
302 Points

I don't think you can see my workspace and I can't attached a picture of my directory.

Adam Womble
Adam Womble
10,437 Points
Adam Womble
Adam Womble
10,437 Points

dulcevita,

Sure thing! Did you re-test the file after adding the last '<'? **I tried accessing the link to that workspace, but it returned a "does not exist" error. Sorry!

According to how you currently have your file written, your root directory should look like:

index.html img css (...)

Then, your img directory, when expanded, should look something like:

img/ numbers-1.jpg numbers-2.jpg numbers-6.jpg numbers-9.jpg numbers-12.jpg

If that still doesn't work, I would recommend actually copying the files to your localhost and opening it in the browser separate from Workspaces.

Best,

Adam

**Just read your comment, sorry for the redundancy

dulcevita
dulcevita
302 Points
dulcevita
dulcevita
302 Points

Once I launched Chrome (which is not the browser I originally used) it worked and I saw all of my images/my name, etc., and without the "<"

When I use Firefox it doesn't bring it up correctly. Do you have a suggestion for that FF?

Appreciate your help :)

Kate Hoferkamp
Kate Hoferkamp
5,205 Points

Maybe try clearing the cache for firefox, or downloading the code onto your computer and loading opening it in a FF that way.