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 Adding Pages to a Website Add Iconography

Second pair of eyes

Below is my code for this lesson. For some reason I am getting red highlights all over this code starting from the <section> tag down. I looked at it up and down to see if I can find where I messed up but do not see the error. Maybe a fresh pair of eyes can help? Thanks in advance.

<section> <h3>General Information.</h3> <p>I am not currently looking for new developer gigs. But if you have any questions contact me</p> <p>Please only use phone contact for urgent request.</p> </section> <section> <h3>Contact Details</h3> <ul class="contact-info"></ul> <li class="phone"><a href="tel:555-55-5555">555-555-5555</a></li> <li class="mail"><a href="mailto:beermebryan@gmail.com">beermebryan@gmail.com</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=beermebryan">@beermebryan</a></li> </ul> </section> <footer> <a href="http//twitter.com/beermebryan"><img src="img/twitter-wrap.png" alt="Twitter logo" class="social-icon"> <a href="http://facebook.com/beermebryan"><img src="img/facebook-wrap.png" alt="Facebook logo" class="social-icon"></a> <p>&copy; 2014 MBMedia</p> </footer> </div> </body> </html>

5 Answers

We need your code man. Use three tick marks (same key as the ~ mark). I find it helpful to space them with an extra new line

(blank line) three tick marks here (blank line) code (blank line) three more tick marks here (blank line)

More comments as needed

Sorry about that, the code is now in there.

<section>
    <h3>General Information.</h3> 
    <p>I am not currently looking for new developer gigs. But if you have any questions contact me</p> 
    <p>Please only use phone contact for urgent request.</p> 
</section> 

<section> 
    <h3>Contact Details</h3> 
    <ul class="contact-info">

    </ul>  <!-- Extra /ul tag? -->

    <li class="phone"><a href="tel:555-55-5555">555-555-5555</a></li> 
    <li class="mail"><a href="mailto:beermebryan@gmail.com">beermebryan@gmail.com</a></li> 
    <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=beermebryan">@beermebryan</a></li> 

</ul>  <!-- Extra /ul tag? -->

</section> 
<footer> 
    <a href="http//twitter.com/beermebryan"><img src="img/twitter-wrap.png" alt="Twitter logo" class="social-icon"> <!-- </a> added here -->
        <a href="http://facebook.com/beermebryan"><img src="img/facebook-wrap.png" alt="Facebook logo" class="social-icon"></a> 
    <p>&copy; 2014 MBMedia</p> 
</footer> 
</div> 
</body> 
</html>

On a precursory look I see two issues that are big red flags for me.

  1. There seems to be an extra '</ul>' tag either before the li's or right after depending on what you wanted.
  2. In the footer you have two opening 'a' tags but only one closing '/a' tag.
  3. I am assuming that there is an opening div, body and html tag above.

Michael Nickey appreciate you helping me out with this, I will make those corrections.

Yeah sure, no problem. I hope it helps.