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

about.html not pulling up when I click Preview Workshop.

When I save my about.html page and try to preview the workshop it populates my index.html page. None of the code that I saved from about.html is going through/being applied. Any help would be great!

Thanks

'''html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Collin Perkins | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Collin Perkins</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="Photograph of Nick Pettit" class="profile-photo"> <h3>About</h3> <p>Hi, I'm Nick Pettit! This is my design protfolio where I share all of my favorite work. When I'm not designing things, I enjoy exercising, playing video games, drinking good coffee, and more.</p> <p>If you'd like to follow me on Twitter, my username is <a href="http://twitter.com/nickrp">@nickrp</a></p> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2015 Collin Perkins.</p> </footer> </div> </body> </html> '''

Not sure if this is code related or not, here is the code that will not pull up when i Preview Workspace it will pull up my index.html file instead. And I have closed and refreshed alot... :( I'm so sad.

I think I might have fixed it. It I just logged on to my home computer and it is working here. Ill look into it tomorrow and check and see if it does it on my work computer only. Right now though it works fine.

3 Answers

I looked at your workspace, and even copied the code over to my own editor. It appears to be working properly. I can click the "about" link and it changes to the about page. You might need to close your preview window.... maybe restart your browser. Sometimes things get glitched and the easiest way to fix it is to restart the browser.

I found out what the problem was. I needed to clear my web browsers catch. Right after I did that I was able to load the webpages fine. Thanks for the help!

Can you share your code? And another thing you might try is, in your preview window, make sure you refresh (I'm sure you're probably already doing that). Sometimes I have to close the preview, and then click the preview again.

Do you have the code above the header tag wrapped in a head tag, plus the header tag on down need to be wrapped in a body tag.?

Is the about page in the same folder, or separate work order?

https://w.trhou.se/o9fsvax0n7

I think you can access my code through this link. It is the same way I have it and I have the index and about us in the same main folder. :(