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

Dale Whetton
Dale Whetton
1,081 Points

Still don't understand...

The image has changed but in editor I still cannot move on to next section

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="joy">   


    <h1>Dale Whetton</h1>

    <h2>Junior Developer</h2>

    <h3>Gateshead</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;
}

4 Answers

Dale Whetton
Dale Whetton
1,081 Points

Done... maybe it was my attention to detail but it has now gone through

woo!!

Chris Freeman
Chris Freeman
Treehouse Moderator 68,457 Points

What was the root cause of the problem you fixed?

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

Hi there! It looks like you're doing pretty well, but you seem to have missed a sentence in the instructions.

You will also need to change the alt attribute to say Sam, instead of Joy.

But you have alt="joy". Try it again with "Sam" :smiley:

Hope this helps! :sparkles:

Dale Whetton
Dale Whetton
1,081 Points

Hey!

I've tried that - still nothing :(

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

I have also tried with capitals in 'Sam'...

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

Dale Whetton you might consider restarting the challenge, because the line with the capital letters in "Sam" should be correct.

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

Hope you get this worked out, but let me know if it's still not working! :sparkles:

Dale Whetton
Dale Whetton
1,081 Points

I have tried twice and it still won't go through ..

V frustrating :(

Dale Whetton
Dale Whetton
1,081 Points

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