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