CSS Treehouse Club: CSS My First Web Page Introduction to My First Web Page

My picture will not show up when I go to preview my work. Just showing a "?" I have followed all the step.

I have uploaded my picture, renamed it, and referenced in my code, but once I go to preview my work, it is just showing a "?"

Jazz Jones
Jazz Jones
8,535 Points

Can you add your code so we can better understand the problem

Jennifer Nordell
Jennifer Nordell
Treehouse Staff

The easiest way for us to troubleshoot this is if you can add a link to a snapshot of your workspace. That way, we can make a copy and take a look around for you :sparkles:

Here is a copy of my code (not sure how to snapshot):

<!-- Be sure to change EVERYTHING on this page to make it your own! :) -->
<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <title>All About BJ's Page</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel="stylesheet" type="text/css">
    <link href="style.css" rel="stylesheet">
  </head>   
  <body> 
    <img src="bj.jpg" alt="BJ">

    <h1>BJ Long</h1>

    <h2>Operations Supervisor</h2>

    <h3>Greensboro, North Carolina</h3>

      <h4>What I do:</h4>
         <p>I work for Guilford County Schools in the School Nutrition Services department</p>

    <h4>What I enjoy doing:</h4>  
      <p>When I'm not writing code, I like to spend time hanging out with family and friends, going to microbreweries, and running.</p>

  </body>
</html>

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

Also - could the picture be too big? I just changed pictures and it is now working.

Jennifer Nordell
Jennifer Nordell
Treehouse Staff

Brantley Long Unfortunately, it's no longer possible to say why it wasn't working earlier as we didn't get to see it in its non-functional state. Here are some likely culprits: misspelling/incorrect capitalization in the filename, the file being moved to an incorrect position in the file structure, incorrect spacing in the img src attribute. There are more.

When I asked you for a snapshot, I linked to an instructional video about workspaces to assist you in making one. Likely as not, you will run into problems sometime in the future and knowing how to make one of these is going to be critical for your fellow students to be able to assist you :sparkles:

I have now watched the video about creating a snapshot and I am still unclear on how to share the snapshot.

But I did get my other pictures to work. I think that I didn't have the .JPEG capitalized in the code and once I did that it is working.