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 trialTed Sumner
Courses Plus Student 17,967 PointsI 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>© 2014 Ted Sumner.</p>
</footer>
</div>
</body>
</html>
3 Answers
Ted Sumner
Courses Plus Student 17,967 PointsI solved it. It was an issue with a Firefox plug-in.
Joshua Holland
2,865 PointsMaybe 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?
Ted Sumner
Courses Plus Student 17,967 PointsYes. 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
2,865 PointsOdd, I am using firefox myself. Although I don't know the version.
Ted Sumner
Courses Plus Student 17,967 PointsChrome works fine as well.