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 How to Make a Website Adding Pages to a Website Build the Contact Page

I copied and pasted the About page, but the Index page displays including the selected unordered list.

I copied and pasted the about page as instructed in the video, but the Index page displays instead. I tried changing the selected to Contact, but it does not display on the preview (Firefox). This is the address it claims to be showing: http://port-80-fx0wyhsk88.treehouse-app.com/contact.html.

This is the code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ted Sumner | 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>Ted Sumner</h1>
        <h2>Designer</h2>
      </a>
      <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>
    </header>
    <div id="wrapper">
      <section>
        <img src="img/nick.jpg" alt="photograph of Nick Pettit" class="profile-photo">
        <h3>About</h3>
        <p>Hi, I'm Ted Sumner this is my design portfolio where I share all of my favorite work.  I enjoy many things, but this is just a test site.</p>
        <p>If you want to see my other web site, go to <a href="http://www.biblewordstudy.net">www.biblewordstudy.net</a>.</p>
      </section>
      <footer>
        <a href="http://biblewordstudy.net"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/ted.sumner.1"><img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon"></a>
        <p>&copy; 2014 Ted Sumner.</p>
      </footer>
    </div>
  </body>
</html>

3 Answers

I solved it. It was an issue with a Firefox plug-in.

Joshua Holland
Joshua Holland
2,865 Points

Maybe I'm not understanding your issue. It all looks to be working. The links change color when hovered over and stay that color once you are on that page. All the pages look different, I see no duplicates.

Did I miss something?

Yes. I just tested in Explorer and it works fine. In Firefox, I clicked preview of the contact page and it displayed the index only. I clicked on the contact link in the menu and it did not change to Contact. But when I did the same in Explorer, it worked fine. It seems to be a Firefox bug. I will test in Chrome now.

Joshua Holland
Joshua Holland
2,865 Points

Odd, I am using firefox myself. Although I don't know the version.

Chrome works fine as well.