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 Use the Navigation Element

my hyperlinks are not "blue".

want to question simple and concise. Simply put my hyperlinks are not blue and my code looks exactly like the code from the video.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

It would be helpful to see both your html and your css files (except for normalize.css). Tips on how to post code to the forum can be found by clicking on the Markdown Cheatsheet linked on this page.

https://teamtreehouse.com/workspaces/15694332#

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-g">
    <title>Richie Vowels | Designer</title>
  </head>
  <body>
    <header>
      <a herf="index.html">
        <h1>Richie Vowels</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a herf="about.html">About</a></li>
          <li><a herf="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <p>Gallery will go here.</p>
    </section>
    <footer>
      <p>&copy; 2016 Richie Vowels.</p>
    </footer>
  </body>
</html>

5 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Well, so far I see a couple of problems. Your meta tag should look like this:

<meta charset="utf-8">

Secondly, in three places you've manages to type in "herf" instead of "href":

 <a herf="index.html">
<li><a herf="about.html">About</a></li>
<li><a herf="contact.html">Contact</a></li>

Change the "herf" to "href" and see if that doesn't make a difference!

Thank you so much for your prompt answer!!

Kelly Bickley
Kelly Bickley
1,185 Points

Hi, My hyperlink is purple.. it's pretty but I don't think it's meant to look that way = )

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Kelly Bickley - Awesome </title> </head> <body> <header> <a href="index.html"> <h1>Kelly Bickley</h1> <h2>Awesome</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> <p> Gallery will go here.</p> </section> <footer> <p>&copy Kelly Bickley</p> </footer> </body> </html>

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Well, first and foremost, you've not yet linked a CSS file to your HTML nor have you included a style section or even any inline styles. This indicates that what you're seeing is an already visited link. In most browsers the default color for a visited link is purple. So likely as not, you're seeing exactly what you're supposed to be seeing at this point.

If, however, you need further assistance later it might be worth mentioning that at the bottom :arrow_down: of the "Add an answer" section is a "Markdown Cheatsheet" which will provide instructions on how to post code. If you have a specific question, it's always best to post a new question in the Community.

Hope this is useful! :sparkles:

Kelly Bickley
Kelly Bickley
1,185 Points

just so I know, this is what I need to do to post code in future?? Code

Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

      ```html
      <p>This is code!</p>
      ```

Oh, and I am currently on the "structure the image gallery" video.. I have checked his code line for line and his is blue. I understand why mine is purple as per your message but his is blue so I figured I missed something Thank you tho

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Right! That's how we post code here :thumbsup: Also, good to note that you need a blank line between the backticks. Both after the beginning ones and before the bottom ones. But otherwise, that's great! :smiley:

My guess is that his are blue simply because he hasn't clicked his yet. And yours are purple because you have clicked them. Just keep going along the track, and it'll end up correct! :sparkles:

Kelly Bickley
Kelly Bickley
1,185 Points

hello, I hope you can help me with this - I can't get past it.. I trust I've posted it correctly...

<p>   </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
         <a href="img/numbers-01.jpg">
          </a>
        </li>
        <li>
         <a href="img/numbers-02.jpg">
          </a>
        </li>
        <li>
         <a href="img/numbers-06.jpg">
          </a>
          </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html></p>

The question tells me to: make sure you include an image tag "numbers-01.jpg"

no matter how many times I try to write it and even though I can successfully show my code works in workspaces I keep getting this answer wrong.

can you see where I might be getting this wrong? I know my indenting sucks a bit sorry

thank you

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Again, I would advise that you post this as a separate question to the Community preferably by using the "Get help" button from inside the challenge. This will have the added benefit of us being able to view the challenge you're currently working on.

However, just from looking at the error message, I can tell you this. It says "make sure you include an image tag". Your code currently has no image tags. Remember an image tag is <img>. What you have are anchor tags <a>. Also you have a closing paragraph tag after your closing html tag, and this isn't correct. The last tag in an HTML file should be </html>.

Hope this helps! :sparkles: