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 Bella Burnett Caldwell
Bella Burnett Caldwell
2,132 Points

i dont have an image on my computer to change the image on the website. And it wont let me pass through.

i cant upload any photo on my computer. I don't know what to do.

index.html 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>All about TNT Dragon'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="joy.jpg" alt="Dragon">

    <h1>Bella</h1>
      <p> Bella Burnett

    <h2>I am a Youtuber</h2>
      <p> Youtuber

    <h3>I live in good ol Utah</h3>
      <p> Utah

    <h4>What I do:</h4>
       <p> I make videos for my Youtube channel.</p>

    <h4>What I enjoy doing:</h4>  
      <p> I like to jump on my trampoline, and make videos.</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: #4281;
}

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;
}

1 Answer

Jeff Wilton
Jeff Wilton
16,646 Points
Jeff Wilton
Jeff Wilton
16,646 Points

According to the challenge, you don't need to upload any photo - just change the html file with 'sam.jpg' instead of 'joy.jpg'.