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 trialDeborah Williamson
2,997 PointsContact page won't appear
when i click on the contact page all i see is the gallery. i think maybe the class="selected" function isn't responding or something :/ i don't know. here is my code so far
Holt Hunter
4,629 PointsIs your Contact page called contact.html?
2 Answers
Jerilyn P
8,788 PointsThis looks like the code for your contact page. Make sure that on your index.html and about.html pages, your nav list has the correct link to "contact.html" under the third item, like this:
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html" class="selected">Contact</a></li>
</ul>
</nav>
That is what you have on your contact page currently, but please check to make sure it is the same (except for you "selected" class) on the Index and About pages.
All adding the "selected" class does is allow you to create different styling for that link in the CSS, for instance, making it a different color. It should not affect the actual navigation in your HTML.
Also, you have a broken link under your <header>: please correct the link to "index.html" (you currently have it as index.htm).
Finally, you spelled your div ID "wrapper" as "wraper". You'll probably want to correct that so you don't have any trouble getting it to match up with your CSS later.
Good luck and let us know if that doesn't work.
Deborah Williamson
2,997 PointsYou actually helped me solve TWO problems! Thank you!
Austin Goodrich
5,221 Points<li><a href="contact.html" class="selected">Contact</a></li>
you should have under your css file a class called "selected"
I would rearrange it to
li.selected { CSS Code }
and your code to
<li class="selected"><a href="contact.html">Contact</a></li>
Example from my site
HTML Code <li class="active"><a href="index.html">Home</a></li>
CSS Code active { color: #fff; background-color: #080808; }
Deborah Williamson
2,997 PointsDeborah Williamson
2,997 Points