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 How to Make a Website Creating HTML Content Build the Footer

Krista Thornbrugh
Krista Thornbrugh
722 Points

social icon placement and page not found error

I am having trouble getting my social icon to center at the bottom of the page. I tried some fixes I found on the site and still not right. Then i added my own page and it keeps coming up page not found. please help me!! I am desperate.

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Can you post your code, please? So we can see what's going on.

Curtis Murley
Curtis Murley
2,766 Points

Some errors I'm noticing right away in your footer is that your <img> tag isn't within your <a></a> tags

Krista Thornbrugh
Krista Thornbrugh
722 Points

<footer>

<a href= "http://facebook.com/riverbendminigoldendoodles"></a><img src="img/facebook-wrap.png" alt="facebook logo"

class="social-icon"</a>

<p>Ā© 2015 Riverbend Goldendoodles.</p> </footer> </div> </body>

</html>

okay.. here is all the code.. I keep noticing that the </a> is half red and blue. I don't know how to fix this and i think this is my problem. Help please

2 Answers

Krista Thornbrugh
Krista Thornbrugh
722 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>RIVERBEND GOLDENDOODLES | GOLDENDOODLES, GOLDEN RETRIEVERS</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,600,600italic,800,' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

<link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width-device-width,intial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo">

    <h1>RIVERBEND MINI GOLDENDOODLES</h1>
    <h2>GOLDEN RETRIEVERS</h2>
  </a>
  <nav>
    <ul>

    <li><a href="index.html" class="selected">Portfolio</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="availablepuppies.html"> Available Puppies</a></li>
      </ul>
    </nav>
 </header>
  <div id="wrapper">
  <section>
    <ul id="gallery">
      <li>
    <a href="img/b2boy.jpg">
    <img src="img/b2boy.jpg" alt="goldendoodle puppy">


         </a>
     </li> 
       </ul>
  </section>


  <footer>

<a href= "http://facebook.com/riverbendminigoldendoodles"></a><img src="img/facebook-wrap.png" alt="facebook logo"

class="social-icon"</a>

<p>Ā© 2015 Riverbend Goldendoodles.</p> </footer> </div> </body>

</html>

Krista Thornbrugh
Krista Thornbrugh
722 Points

this is for the page i am trying to add. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>RIVERBEND GOLDENDOODLES | GOLDENDOODLES, GOLDEN RETRIEVERS</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,600,600italic,800,' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

<link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width-device-width,intial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo">

    <h1>RIVERBEND MINI GOLDENDOODLES</h1>
    <h2>GOLDEN RETRIEVERS</h2>
  </a>
  <nav>
    <ul>

    <li><a href="index.html">Portfolio</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="availablepuppies.html" class="selected">Available Puppies</a></li>
      </ul>
    </nav>
 </header>
  <div id="wrapper">
  <section>
    <h3>WE CURRENTLY HAVE NO PUPPIES AVAILABLE. HOWEVER WE ARE EXPECTING TWO LITTERS
    IN OCTOBER 2015 AND NOVEMBER 2015</h3>
    <img src="img/stork.jpg" alt="photo of stork" class="profile-photo">

    </section>


  <footer>

<a href="http://facebook.com/riverbendMINIgoldendoodles">img src="img/facebook-wrap.png" alt="Facebook Logo"</a>

<p>Ā© 2015 Riverbend Goldendoodles.</p> </footer> </div> </body>

</html>

Krista Thornbrugh
Krista Thornbrugh
722 Points

this is for the page i am trying to add. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>RIVERBEND GOLDENDOODLES | GOLDENDOODLES, GOLDEN RETRIEVERS</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,600,600italic,800,' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

<link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width-device-width,intial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo">

    <h1>RIVERBEND MINI GOLDENDOODLES</h1>
    <h2>GOLDEN RETRIEVERS</h2>
  </a>
  <nav>
    <ul>

    <li><a href="index.html">Portfolio</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="availablepuppies.html" class="selected">Available Puppies</a></li>
      </ul>
    </nav>
 </header>
  <div id="wrapper">
  <section>
    <h3>WE CURRENTLY HAVE NO PUPPIES AVAILABLE. HOWEVER WE ARE EXPECTING TWO LITTERS
    IN OCTOBER 2015 AND NOVEMBER 2015</h3>
    <img src="img/stork.jpg" alt="photo of stork" class="profile-photo">

    </section>


  <footer>

<a href="http://facebook.com/riverbendMINIgoldendoodles">img src="img/facebook-wrap.png" alt="Facebook Logo"</a>

<p>Ā© 2015 Riverbend Goldendoodles.</p> </footer> </div> </body>

</html>

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points

Sorry it took so long to get back to you! Your social icon image should go within the link tags.

<a href="http://facebook.com/riverbendminigoldendoodles"><img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon"></a>

Let me know if that helps you out! :)