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
Faisal Rahimi
4,019 Pointshtml/css
i have build a website with html and css, but every time i go back to home page i get a blank page when i click home, but when I'm on about page and click about its all fine.
appreciate your help.
Faisal Rahimi
4,019 Points<! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>I AM | HUMAN</title> <link href='https://fonts.googleapis.com/css?family=Changa+One:400,400italic|Open+Sans:400,700italic,400italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="iamhuman.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>I AM HUMAN</h1> <h2>WE ARE ONE</h2> </a>
<nav>
<ul>
<li><a href="index.html" class="fg">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="our world.html">Our World</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul id="gallery">
<li>
<a href="img/pic-1.jpg">
<img src="img/pic-1.jpg" alt=""l>
<p>This world is ours</p></a>
</li>
<li>
<a href="img/pic-2.jpg">
<img src="img/pic-2.jpg" alt="">
<p>Why do we have children starving</p></a>
</li>
<li>
<a href="img/pic-3.jpg">
<img src="img/pic-3.jpg" alt="">
<p>A mother should have the right to live and to protect her child</p></a>
</li>
<li>
<a href="img/pic-4.jpg">
<img src="img/pic-4.jpg" alt="">
<p>Families who need basic essentials</p>
</a>
</li>
<li>
<a href="img/pic-5.jpg">
<img src="img/pic-5.jpg" alt="">
<p>A man who is fighting for his families survival</p></a>
</li>
</ul>
</section>
<footer>
<a href="http://facebook.com/faisal.rahimi2"><img src="img/facebook-wrap.png" alt="facebook-logo" class="icon"></a>
<a href="http://twitter.com/@faisalr101"><img src="img/twitter-wrap.png" alt="twitter-logo" class="icon"></a>
<p>© 2015 Faisal Rahimi</p>
</footer>
</div>
</body> </html>
Faisal Rahimi
4,019 Points<! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>I AM | HUMAN</title> <link href='https://fonts.googleapis.com/css?family=Changa+One:400,400italic|Open+Sans:400,700italic,400italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="iamhuman.css"> </head> <body> <header> <a href="index.html" id="logo">
Owa Aquino
19,277 PointsHi Faisal!
Check your href links if it's pointing to your home page html.
And please provide us your codes so we can look at it too.. :)
Cheers!
Owa Aquino
19,277 Pointshmmm there is no issue in the href links... is this the home page or the about page?
5 Answers
Faisal Rahimi
4,019 Pointsthis is the home page and the link as you see is index.html. problem is that when i am on about page its exactly same code just sections are different and its all working fine no matter how many times i click the about nav nothing goes blank , but when i go on home page from about page and click home nav page goes blank and it says page not found, but when i scroll to home page its fine. even when i am on home page and click home nav page goes blank, (sorry about long text).
Owa Aquino
19,277 Pointscan you provide us the about page scripts? :)
Tarek El Hinaoui
Courses Plus Student 13,220 Pointsinspect the link element before clicking it and make sure that the href matches the home page name..
Faisal Rahimi
4,019 Pointssorry for the delay guys i coun't log in my wife. Tarel i have done that already can't see anything. Here is the code for about page.
<! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>I AM | HUMEN</title> <link href='https://fonts.googleapis.com/css?family=Changa+One:400,400italic|Open+Sans:400,700italic,400italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="iamhuman.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>I AM HUMEN</h1> <h2>WE ARE ONE</h2> </a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="fg">About</a></li>
<li><a href="our world.html">Our World</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<img src="img/faisal3.jpg" alt="profile photo of faisal rahimi" class="profile-photo">
<h3>About</h3>
</section>
<footer>
<a href="http://facebook.com/faisal.rahimi2"><img src="img/facebook-wrap.png" alt="facebook-logo" class="icon">
<a href="http//twitter.com/faisal.rahimi2"><img src="img/twitter-wrap.png" alt="twitter-logo" class="icon">
<p>© 2015 Faisal Rahimi</p>
</footer>
</div>
</body> </html>
Owa Aquino
19,277 Pointsthe link are okay it doesn't have any issues in the tagging. hmmm my last advice would be to check the directory where your pages are.. is it in the same directories / folder?
if it's okay with you send us also an snapshot of your workspace. :)
Faisal Rahimi
4,019 PointsIt's all in all the same file and I use notepad++
Faisal Rahimi
4,019 PointsHi all, I found the problem. Basically when i added all the code to the treehouses workspaces its all fine but for some reason it didnt work as it should do in notepad++ and i don't know why, but if anyone does please share.
thank you
Tarek El Hinaoui
Courses Plus Student 13,220 PointsTarek El Hinaoui
Courses Plus Student 13,220 PointsCan you provide a link, or the code to take a look at it..