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

Design

having trouble with linking page

I'm learning how to build a website so now on the videos shows how to link about page did everything exactly what it shows but when i refresh my page it does work it shows msg about.html not found don't know how to fix it need help

3 Answers

Tobias Helmrich
Tobias Helmrich
31,603 Points

Hey Dalia,

can you please post the code and eventually also tell us which video you are talking about in particular? :)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dalia Anuziene | Photographer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic|Montserrat' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Dalia Anuziene</h1> <h2>Photographer</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/dalia.jpg" alt="Photograph of Dalia Anuz" class="profile-photo"> <h3>About</h3> <p>Hi, I'm Dalia Anuz! This is my design portfolio where i share all of my favorite work. When i'm not designing i spend my time with my loved ones or just listening good music and relaxing.</p> <p>If you'd like to follow me on Twitter, my username is <a href="http://twitter.com/...............">@...........</a></p> </section> <footer> <a href="http://twitter.com/@..............."><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/.............."><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2015 Dalia Anuz.</p> </footer> </div> </body> </html> this is about.html code and the video is How to make a Website

Trouble shooting:

  • check the syntax of the <a href> and make sure everything is spelled correctly
  • check that your about.html is in the same folder as your index.html (or you need to make sure to use the relative folder structure in your link)
  • check if your about.html is name about.html and not About.html. These things are case sensitive and you want to make sure to spell them correctly.

i did what you wrote still nothing :(

Tobias Helmrich
Tobias Helmrich
31,603 Points

Like Falk already expected correctly the mistake is that you wrote About.html (and also Contact.html) in uppercase. However the files are case sensitive so About.html is something different than about.html.

If you write

<li><a href="about.html" class="selected">About</a></li>
<li><a href="contact.html">Contact</a></li>

it should work. Good luck! :)

i change the letters still doesn't work this is the msg i get when i click on about page The requested URL /About.html was not found on this server.

Tobias Helmrich
Tobias Helmrich
31,603 Points

But the error message indicates that you didn't change it correctly because it still says "About.html". Are you sure you changed this part href="about.html" and refreshed the page afterwards?

i even changed in index.html still shows the same and refreshed loads of times i don't get it why it doesn't work :(