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
Shain Jones
487 Pointscan someone explain the red highlighting of the code? What looks incorrect to make this occur?
<!doctype html> <html> <head> <meta charset="utf-8"> <title> Shain Jones | My Story </title> <link rel="stylesheet" href="CSS/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Italianno|Roboto:300italic,700,700italic,900' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="CSS/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Shain Jones</h1> <h2>Designer</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" class="selected">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <h3>General Information</h3> <p>I am currently building my Real Estate business while learning to develop websites. I plan in the future to use my new found love for web design to start an Internet Marketing Company. I know what you're thinking, dont worry, I will re invent the wheel!!</a> <p> If you are interested in talking business, marketing or web design in general please feel free to contact me.</a> </section> <section> <h3>Contact Details</h3> <ul class="contact-info"</a> <li class="phone"</a><a href="tel:502-424-4847">502-424-4847</></a></li> <li class="mail"></a><a href="mailto:shain.realtor@gmail.com">shain.realtor@gmail.com>"</a></li> <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=shainjones16">@shainjones16</a></li> </section> <footer> <a href="http://twitter.com/shainjones16"> <img src="img/twitter-wrap.png" alt="twitter logo" class="social-icon></a> <a href="http://facebook.com/shainjonesrealtor"><img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon"></a>
<p>© 2015 Shain Jones</p>
</footer>
</div>
</body> </html>
3 Answers
Julian Aramburu
11,368 PointsHi Shain! You have a lot of typos over there!! hehe :D! Let me help you with the first of them so you can tackle the rest by your own!!
<li><a href="index.html"">Portfolio</a></li>
you have an extra double quote in your href attribute! Here is what your code should looks like:
<li><a href="index.html">Portfolio</a></li>
With that one almost everything cover in red turns normal again so you only have to tackle little typos :D! Happy hunting!
Keep coding!
Cory Madden
7,120 PointsA few problems I see are:
<li><a href="index.html"">Portfolio</a></li>
your href has an extra ".
<ul class="contact-info"</a>
<li class="phone"</a><a href="tel:502-424-4847">502-424-4847</></a></li>
The first two closing a tags don't appear to go to anything.
<img src="img/twitter-wrap.png" alt="twitter logo" class="social-icon></a>
Missing a closing quote on the class. This last one is probably why your twitter icon isn't being sized correctly.
Leyton Parker
6,556 PointsYou need to close your unordered list like this:
<ul class="contact-info">
<li></li>
<li></li>
</ul>
Shain Jones
487 PointsShain Jones
487 Pointswell now that I see you all are not even able to see the red highlighting... It starts on the line of code where the contact page is "selected" and covers most of the rest of the page... Any idea of what error I have in the code to make this occur? The preview of the page looks almost the way I want it to other then the twitter symbol in the footer is still larger than the Facebook symbol in which I have tried to fix.
Thanks