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 Add Image Gallery Content

Why did my header disappear after putting in an unordered list?

I tried adding an unordered list and list elements but it's not working. I also did h ref to different pages. My header disappears when I preview my workspace.

Joy Kesten
Joy Kesten
Treehouse Guest Teacher

Hi Nolan, I would love to help, could you attach your code so I could take a look? Here's how: 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>
        ```

I would advice you to test them locally. My experience with workspace is bad. So always test your code locally and make sure you close all opened tags and elements.

Sometimes unclosed elements and tag cause this kind of issues.

Personal Request: Whenever you ask for help please post codes here. That would help people here to answer your questions right away.

Have a good day mate!

How do I attach the code so you can see it in the right format?

''' <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nolan Sritan | Web Developer</title> </head> <body> <header> <a href="index.html> <h1>Nolan Sritan</h1> <h2> Web Developer</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></li> </ul> </section> <footer> <p>© 2014 Nolan Sritan.</p> </footer> </body> </html> '''

http://codepen.io/anon/pen/dvkpI.html

Thanks for all the help!

Thank you! I fixed those errors, but I'm still not seeing the header "Nolan Sritan | Web Developer" header at the top of the page when I preview it. I'm very new to all of these so thank you for being patient and so helpful.

5 Answers

Joy Kesten
STAFF
Joy Kesten
Treehouse Guest Teacher

Nolan, you're really close! Two small typing errors I found are:

  1. Line 9, you forgot to close your quotes around index.html

  2. Line 16, you have an extra html tag in front of your second list item.

You can check this one now.

https://gist.github.com/anonymous/6a2d16f965ca6b6d04cb

There was some extra HTML text and did not close anchor element's href attribute.

Follow Joy Kesten instructions in this thread.

It is now better to post your code in here http://codepen.io/ and give us the link here.

So that we can have at look at it.

The problem has been fixed! Thank you both!

Welcome!

Joy Kesten
Joy Kesten
Treehouse Guest Teacher

Great! Thanks for hanging in there :)