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

Workspace is showing I have an error in my html code but nothing seems wrong. How do I identify the problem?

I went into update my social icon links and now the text editor is showing errors with my code. The social icon links are working just fine however. I can't identify where the problem is.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sunshine Khawaja | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic|Playfair+Display:400,700,900,400italic,700italic|PT+Sans+Narrow|PT+Mono|Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300' 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, initial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Sunshine Khawaja</h1> <h2>Designer</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> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img2/Trail_Marker.jpg"> <img src="img2/Trail_Marker.jpg" alt=""> <p>GR trail marker | Hike to Lourmarin, France.</p> </a>
</li> <li> <a href="img2/Lock_Bridge_B&W.jpg"> <img src="img2/Lock_Bridge_B&W.jpg" alt=""> <p>Pont du Arts | Bridge of "lock love" in Paris, France</p> </a>
</li> <li> <a href="img2/Sacrecouer_b&w.jpg"> <img src="img2/Sacrecouer_b&w.jpg" alt=""> <p>Sacre Couer | Highest point in Paris, France.</p> </a>
</li> <li> <a href="img2/Lourmarin France.jpg"> <img src="img2/Lourmarin France.jpg" alt=""> <p>Lourmarin, France | First glance upon descent from GR Trail.</p> </a>
</li>
<li> <a href="img2/French_Countryside.jpg"> <img src="img2/French_Countryside.jpg"" alt=""> <p>French Countryside | Train ride from Paris to Fontaine-de-Vaclause.</p> </a>
</li> </ul> </section> <footer> <a href="http://www.twitter.com/sunshinekhawaja"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://www.facebook.com/sunny.acacia.khawaja"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>

  <p>&copy; 2015 Sunshine Khawaja.</p>
  </footer>
</div>

</body> </html>

2 Answers

perhaps its the extra set of quotes in this line? right after the jpg. <img src="img2/French_Countryside.jpg"" alt="">

Thanks so much! That fixed it!

Double Quotes. Spaces in image names. I would also stick to proper names and not & symbols for images names.

Great, thank you so much. The quotes were the problem.