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 trialKrista Thornbrugh
722 Pointssocial 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.
Curtis Murley
2,766 PointsSome errors I'm noticing right away in your footer is that your <img> tag isn't within your <a></a> tags
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
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
722 Pointsthis 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
722 Pointsthis 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
Courses Plus Student 18,830 PointsSorry 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! :)
Kristopher Van Sant
Courses Plus Student 18,830 PointsKristopher Van Sant
Courses Plus Student 18,830 PointsCan you post your code, please? So we can see what's going on.