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

CSS Treehouse Club: CSS My First Web Page Changing Your HTML

Posted by Santiago Sendon
Santiago Sendon
831 Points

im typing in sam as shown and it keeps being wrong i dont udnerstand what im doing wrong

if anyone can help with this please let me know thanks in advance

index.html 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>All About Joy'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="Sam.jpg" alt="Sam">

    <h1>Santi</h1>

    <h2>looking cute</h2>

    <h3>yo mamas house</h3>

    <h4>What I do:</h4>
       <p>I'm a teacher at Treehouse, but you should write in what you do here!</p>

    <h4>What I enjoy doing:</h4>  
      <p>When I'm not writing code, I like to surf and play music. Your turn, write in something that makes you happy, or things you like to do in your free time.</p>

  </body>
</html>
style.css 
/***********************************************
Top bar color 
***********************************************/
html {
  border-top: 20px solid #8A85A5;
}

/***********************************************
Body styling 
***********************************************/
body {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 20px;
  font-size: 1.3em;
  line-height: 1.6em;
  font-family: Helvetica Neue, Helvetica, Arial, serif;
  color: #777;
  font-weight: 300;
}

.centered {
  text-align: right;
}

/***********************************************
Image styling 
***********************************************/
img {
  border-radius: 100%;
  max-width: 340px;
}

/***********************************************
Headline styling 
***********************************************/
h1 {
  font-size: 1.5em;
  line-height: .5em;
  color: #564581;
}

h2 {
  font-size: 1em;
  line-height: 1em;
  font-style: oblique;
  color: #aaa;
}

h3 {
  font-size: .875em;
  line-height: 1em;
  font-weight: normal;
}

h4 {
  margin-top: 60px;
  font-weight: 500;
  color: #564581;
}

3 Answers

Daniel Gauthier
Daniel Gauthier
15,000 Points
Daniel Gauthier
Daniel Gauthier
15,000 Points

Hey Santiago,

The code you're looking for is:

You were capitalizing the file name, which is actually supposed to be all lowercase.

<img src="sam.jpg" alt="Sam">

Good luck!

Jennifer Branch
Jennifer Branch
1,115 Points
Jennifer Branch
Jennifer Branch
1,115 Points

Same here. Mine is lower case. I click preview and shows her pic still. Im on PC. She said click save which I did and she didn't do. Hers looks way different.

Daniel Gauthier
Daniel Gauthier
15,000 Points
Daniel Gauthier
Daniel Gauthier
15,000 Points

Hey Jennifer,

I just ran through the code challenge to test this out.

In the third stage, after I changed the image tag to:

<img src="sam.jpg" alt="Sam">

I clicked the preview and it took a second to change, but it did change to the sam.jpg image. If you're still having an issue just post your code and I'll check it out. (The instructions for posting code into the forums are in the "Markdown Cheatsheet" located above the "Post Answer" button whenever you post an answer or comment.

This is the code I used to pass all three stages:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>All About Joy'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="sam.jpg" alt="Sam">

    <h1>KAS</h1>

    <h2>Web Developer</h2>

    <h3>Right Here</h3>

    <h4>What I do:</h4>
       <p>I'm a teacher at Treehouse, but you should write in what you do here!</p>

    <h4>What I enjoy doing:</h4>  
      <p>When I'm not writing code, I like to surf and play music. Your turn, write in something that makes you happy, or things you like to do in your free time.</p>

  </body>
</html>

Good luck with the project!

Jennifer Branch
Jennifer Branch
1,115 Points
Jennifer Branch
Jennifer Branch
1,115 Points

I got it to work. Thank you for your help!