Welcome to the Treehouse Community
Looking to learn something new?
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>© 2015 Sharon Anderson.</p> </footer>
Ariel Aronica6,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 Knudsen1,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 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 Knudsen1,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, 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.