Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Why does About Page look identical to Home Page? (How to Make Website Project)

Duplicated About Us page and deleted info within sections tags (gallery pics). When I view about us page, it looks exactly same as home page even though that info is deleted. Have refreshed. Any idea whats wrong? Bug or something I've missed. Thanks. Code below...

<!DOCTYPE html> <html>

<head> <meta charset="utf-8"> <title>Anderson Crow Design</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css"> </head>

<body> <header> <a href="index.html" id="logo"> <h1>anderson crows</h1> <h2>Art Direction | Design | Web Development</h2> </a> <nav> <ul> <li><a href="index.html" >Home</a></li> <li><a href="about.html" class="selected">About</a></li> <li><a href="#">Work</a></li> <li><a href-"#">Caw Us</a></li> </ul> </nav> </header> <div class="wrapper"> <section> </section> </div>

  <footer>
    <a href = "#"><img src="img/twitter-wrap.png" alt="twitter logo" class="social-icon"></a>
    <a href = "http://facebook.com/sharonanderson"><img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon"></a>
    <p>&copy; 2015 Sharon Anderson.</p>
  </footer>

</body> </html>

Dustin Knudsen
Dustin Knudsen
1,616 Points

I hate to ask such a simple question but this problem happened a lot for me and the solution was simple but..just to make sure..

Did you save your work before you refreshed?

6 Answers

Ariel Aronica
Ariel Aronica
6,646 Points

I'm not sure if this is why you are having issues, but you've got some weird stuff going on in your code. Look in your unordered list in nav. Instead of an " = " you have a dash " - ", which may be causing problems (if you notice the color is actually orange instead of the pink/red. Additionally, you added a space between ahref= in your footer for both hrefs.

Hi Dustin, Thanks! Yes, I refreshed a number of times :) maybe I just need to logout ...possibly a bug. Or do you see anything else wrong?

Dustin Knudsen
Dustin Knudsen
1,616 Points

Well I just want to make sure I understand what's happening because I may be misunderstanding what it was you did.

To clarify, you basically made the homepage a.k.a. index page (or index.html), duplicated it, and with the goal in mind of turning the homepage clone into the new About page, deleted some of the original content, and yet it still looks exactly like the original homepage? Sorry if I am misunderstanding, I really would like to help =)

Hi Dustin, What you said is exactly what is happening. The gallery is still showing up. Its as if though I am clicking on the about.html tabs preview...its still somehow showing or linking to the home page instead of the about page.

Hi Ariel, Thanks for your response!. I adjusted the little things you mentioned, but unfortunately didn't fix the problem. I think somehow the about.html page preview is defaulting back to the index.html page and not showing the result of code on html page. Not sure why but driving me crazy :) The gallery info is not on the about page, I've resaved, refreshed, rebooted computer and still showing up.

Dustin Knudsen
Dustin Knudsen
1,616 Points

Hmm, adding to what Ariel said, I'll just point out some things and bring up some thoughts but I don't know if it will help.

I noticed your section tags are not lined up. Since you deleted the content anyways, it shouldn't be the issue. The only other things I can think of... put some new content in the sections to see if it will register that and perhaps it will show up. Put your picture, or some paragraphs, anything.

Also, recheck the name of your about.html, check to make sure that is all accurate. Take inventory of how many pages you have, their names, and also, their location. I'm thinking location could play a role in your problem, but I can't dive into your computer and see where you have your .html's and img files located ;) and even though you've been saving, make sure to Save All to apply saved changes to all your webpages, not just one, although it sounds like you're doing that. Never hurts to be thorough.

All that being said, it doesn't seem to me like the code is the issue, which is why I'm taking a guess as to something outside the code...

Hi Dustin, Thanks. Agreed something outside the code makes sense as any changes I make to that page aren't showing up. I just sent some screenshots to Treehouse customer support to see if they have any insights. Will let you know what I find out.

Hi, Thought I'd let you now that problem was actually in my index.html file (which of course you couldn't see!). Hadn't changed the code there to about.html. Thank you for your help.