Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Include External CSS

normalize.css not able to apply on the page.

normalize.css not able to apply on the page. I can still see the bullets on the page.

Hi,

Can you post your code please?

Thanks

-Rich

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"> 
    <title>Vaishnavi Kanjarla|Graduate Computer Science</title>
    <link rel="stylesheet" href="css/normalize.css">
  </head>
  <body>
    <header>
      <a href="index.html">
      <h1>Vaishnavi Kanjarla</h1>
      <h2>Computer Science</h2></a>
      <ul>
        <nav>
          <li><a href=index.html>Portfolio</a></li>
          <li><a href=about.html>About</a></li>
          <li><a href=contact.html>Contact</a></li>
        </nav>
      </ul>
    </header>
    <subject>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
          <img src=img/numbers-01.jpg alt=""></a>
          <p>
            My First Wesite
          </p>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
          <img src=img/numbers-02.jpg alt=""></a>
          <p>
            It is good to learn things.
          </p>
         </li>
         <li>
          <a href="img/numbers-06jpg">
          <img src=img/numbers-06.jpg alt=""></a>
          <p>
            I have to get a job.
          </p>
         </li>
         <li>
          <a href="img/numbers-09.jpg">
          <img src=img/numbers-09.jpg alt=""></a>
          <p>
            There is an expiration for everything and everyone.
          </p>
         </li>
         <li>
          <a href="img/numbers-12.jpg">
          <img src=img/numbers-12.jpg alt=""></a>
          <p>
            Trying to be limitless is stupidity.
          </p>
         </li>
      </ul>
        <footer>
          <a href="http://twitter.com/vaishnavikanjarla"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
          <a href="http://facebook.com/kanjarla.vaishnavi"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        </footer>
    </subject>
  </body>
</html>

Hello Vaishnavi,

Can you please post a snapshot of your workspace? That will help us all to see what you have in your workspace and help you resolve this problem. If you don't know how to do that, check out this forum post: http://www.teamtreehouse.com/forum/workspace-snapshots

1 Answer

Vaishnavi,

I found your issue. You didn't have a <ul> element for your nav that was inside the nav itself. You had a ul element outside the nav but not one inside the nav, where it should be. Normalize.css targets lists inside of the nav element. So, I added the ul right after the nav element and ended it before the nav element. Now the bullets will disappear from your nav.

        <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>

Thank you!

You're very welcome, Vaishanvi! Happy Coding :)