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

HTML How to Make a Website Adding Pages to a Website Style New Pages

Patron McCleary
Patron McCleary
683 Points
Posted by Patron McCleary
Patron McCleary
683 Points

But basically when I add the image to the about page it does not actually appear on the page in preview.

So i created the about page and I add the picture. The picture does not actually appear in the preview of the page. In addtion to this the menu doesn't does not make it self a different colour when its selected. My index page however does illustrate the selected/active page.

Thanks for the help in advance

Joshua Holland
Joshua Holland
2,865 Points
Joshua Holland
Joshua Holland
2,865 Points

Please post your code for us to review.

Patron McCleary
Patron McCleary
683 Points
Patron McCleary
Patron McCleary
683 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Patron MCleary | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

</head> <body> <header> <a href="index.html" id="logo"> <h1>Patron McCleary</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html" >Portfolio</a></li> <li><a href="about.html" class:"selected">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <img src:"img/nick.jpg" alt:"picture of nick"> </section> <footer> <a href:"http://twitter.com/decreemag"><img src="img/twitter-wrap.png" alt="twitter page" class="social-icon"></a> <a href:"http://facebook.com/decreemagazine"><img src="img/facebook-wrap.png" alt="facebook page" class="social-icon"></a> <p>© 2014 Patron McCleary</p> </footer> </div> </body>
</html>

Joshua Holland
Joshua Holland
2,865 Points
Joshua Holland
Joshua Holland
2,865 Points

Looks like it didn't format correctly. posting your code can be done by typing three tildes (the ` key to the left of #1 on the keyboard) before your code to open it and after your code to close it.

Like this

Your code goes here.

Hope this helps!

Patron McCleary
Patron McCleary
683 Points
Patron McCleary
Patron McCleary
683 Points

Hi Joshua,

Sorry about that just getting used to treehouse. Thanks for your patience and advice.

here's my code.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Patron MCleary | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">

  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Patron McCleary</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" >Portfolio</a></li>
          <li><a href="about.html" class:"selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <img src:"img/nick.jpg" alt:"picture of nick">
      </section>
     <footer>
     <a href:"http://twitter.com/decreemag"><img src="img/twitter-wrap.png" alt="twitter page" class="social-icon"></a>
     <a href:"http://facebook.com/decreemagazine"><img src="img/facebook-wrap.png" alt="facebook page" class="social-icon"></a>
     <p>&copy; 2014 Patron McCleary</p>
    </footer>
      </div>
  </body>  
</html>
</p>

2 Answers

Patrick Hilder
PLUS
Patrick Hilder
Courses Plus Student 5,136 Points
Patrick Hilder
Patrick Hilder
Courses Plus Student 5,136 Points

hello,

the nav is not showing the page your on because you put "class: active" you need to put class=" active ".

this is the same reason all the other are not working as well. your using : as you would in css but in html you need to us =""

Patron McCleary
Patron McCleary
683 Points
Patron McCleary
Patron McCleary
683 Points

Thanks Patrick,

It worked!

Thanks Patrick and Joshua for your time its highly appreciated!

Joshua Holland
Joshua Holland
2,865 Points
Joshua Holland
Joshua Holland
2,865 Points

Ah, I think I see the issue. It's just a small typo. Take a look at your codes 

<li><a href="about.html" class:"selected">About</a></li>

 <img src:"img/nick.jpg" alt:"picture of nick">

<a href:"http://twitter.com/decreemag">

<a href:"http://facebook.com/decreemagazine">

All you need to do is change the colons : to equal signs = on all of these codes so they should read like...

<li><a href="about.html" class="selected">About</a></li>

 <img src="img/nick.jpg" alt="picture of nick">

<a href="http://twitter.com/decreemag">

<a href="http://facebook.com/decreemagazine">