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 Creating HTML Content Structure the Image Gallery

Scott Anderson
Scott Anderson
241 Points
Posted by Scott Anderson
Scott Anderson
241 Points

can someone read my code please?!

Every time I go into my preview my name and the "portfolio" button have changed color to violet and when I click on the "portfolio" button nothing happens unlike the "about and contact" buttons that lead you to another page. What went wrong?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Cole Anderson | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Cole Anderson</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">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <img src="img/numbers-01.jpg" alt=""> </li> </ul> </section> <footer> <p>Ā© 2015 Cole Anderson.</p> </footer> </body> </html>

1 Answer

Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

Nothing went wrong.

  • The reason Portfolio doesn't take you to a new page is because you're already on the Portfolio page (index.html)
  • Your name and 'designer' are turning purple because they are links. The default color of a link is blue and the default color of a visited link is purple
Greg Kitchin
Greg Kitchin
31,522 Points
Greg Kitchin
Greg Kitchin
31,522 Points

A lot of IDE's (integrated development environments) will change the colour of certain parts, to help the coder with writing. So as you can see, in the code you have listed, your tags are in green, the links are violet, and text that will actually show on the screen is that light grey. It's a useful way to see if you've made mistakes when skimming through your code, the IDE can pick up some errors (spelling ones for example), and help highlight them for you to fix.

Scott Anderson
Scott Anderson
241 Points
Scott Anderson
Scott Anderson
241 Points

Ok thank you so much. One more thing, the part where you have to put the picture in to the code is not working even though i have done it completely right and have checked it a million times. I have no clue. thanks Jeff.