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 trialBryan Rojas
Courses Plus Student 2,128 PointsSecond 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>© 2014 MBMedia</p>
</footer>
</div>
</body>
</html>
5 Answers
Michael Nickey
Courses Plus Student 13,524 PointsWe 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
Bryan Rojas
Courses Plus Student 2,128 PointsSorry about that, the code is now in there.
Michael Nickey
Courses Plus Student 13,524 Points<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>© 2014 MBMedia</p>
</footer>
</div>
</body>
</html>
On a precursory look I see two issues that are big red flags for me.
- There seems to be an extra '</ul>' tag either before the li's or right after depending on what you wanted.
- In the footer you have two opening 'a' tags but only one closing '/a' tag.
- I am assuming that there is an opening div, body and html tag above.
Bryan Rojas
Courses Plus Student 2,128 PointsMichael Nickey appreciate you helping me out with this, I will make those corrections.
Michael Nickey
Courses Plus Student 13,524 PointsYeah sure, no problem. I hope it helps.