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 56,642 Points

What was the root cause of the problem you fixed?

Jennifer Nordell
STAFF
Jennifer Nordell
Treehouse Staff

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
Jennifer Nordell
Treehouse Staff

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 :(

Jennifer Nordell
Jennifer Nordell
Treehouse Staff

Post your code as it is right now. You don't need to post the CSS, just the HTML :smiley:

Dale Whetton
Dale Whetton
1,081 Points

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