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 trialPatron McCleary
683 PointsBut 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
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
2,865 PointsLooks 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
683 PointsHi 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>© 2014 Patron McCleary</p>
</footer>
</div>
</body>
</html>
</p>
2 Answers
Patrick Hilder
Courses Plus Student 5,136 Pointshello,
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
683 PointsThanks Patrick,
It worked!
Thanks Patrick and Joshua for your time its highly appreciated!
Joshua Holland
2,865 PointsAh, 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">
Joshua Holland
2,865 PointsJoshua Holland
2,865 PointsPlease post your code for us to review.