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

Posted by Javid Beykzadeh
Javid Beykzadeh
5,863 Points

My index.html shows up with

Footer, div, body, and html highlighted in red at bottom. Why?

<!DOCTYPE html>
<html>
  <head>    
    <meta charset="utf-8">  
    <title>Javid Beykzadeh | Photographer</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>Javid Beykzadeh</h1> 
        <h2>Photography</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 Javid Beykzadeh.  This is my 1st website I've ever created.  I hope you enjoy the randomness you will find here.</p>
        <p>If you would like to follow me on Twitter, my username is <a href="http://twitter.com/javidnky2005">@javidnky2005</a>.</p>
      </section>          
      <footer>
        <a href="http://twitter.com/javidnky2005"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"</a>

        <a href="http://facebook.com/javid.beykzadeh"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"</a>
        <p>&copy; 2014 Javid Beykzadeh.</p> 
      </footer>
    </div>
  </body>  
</html>

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hi Javid, you're missing angle brackets for the links in the footer. You can check other errors with a validator.

Should read as:

<a href="http://twitter.com/javidnky2005"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>

<a href="http://facebook.com/javid.beykzadeh"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>

Code highlighting was fixed in your post.

Alan Dubinsky
Alan Dubinsky
1,286 Points
Alan Dubinsky
Alan Dubinsky
1,286 Points 
<img src="img/nick.jpg" alt="Photograph of Nick Pettit" class"profile-photo">

should read

<img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">

(note the "=" after "class")

Hope that helps!

Javid Beykzadeh
Javid Beykzadeh
5,863 Points

Thank you, that does help!