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

Posted by joey cherrybon
joey cherrybon
2,350 Points

still have bullet points, see zero difference after adding normalize.css

i am not sure if my normalize.css is properly getting linked into my index.html document. i spot zero difference after adding it and refreshing my page. 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Joey | Designer</title>
    <link rel="stylsheet" href="css/normalize.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Joey</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>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>some number</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>i dont know</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>what is this??</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>keep it moving buster</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>leave me alone</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <a href="http://twitter.com/johncena"><img src="img/twitter-wrap.png" alt="twitter logo"></a>
      <a href="http://facebook.com/johncena"><img src="img/facebook-wrap.png" alt="facebook logo"></a>
      <p>&copy; 2017 Joey Trannyman</p>
    </footer>
  </body>
</html>

thanks for any help!

EDIT: in addition to this i have gone onto the next video and tried to change the background color to orange in main.css and no color change happened. not sure what the problem is.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

You can post a snapshot of your workspace if you're still having trouble.

3 Answers

joey cherrybon
joey cherrybon
2,350 Points

i feel so dumb, misspelled "stylesheet" haha.

my bad, all working now, thanks for the help

Josué Rodriguez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points
Josué Rodriguez
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points

Greetings joey cherrybon

From the authors website:

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

I don't think it removes anything. It just makes things more consistent. That way pages can look the same across all browsers.

To remove bullet points you would need to add the following css to your main.css

ul {
  list-style: none;
}

This is done by the teacher further in the lesson.

in addition to this i have gone onto the next video and tried to change the background color to orange in main.css and no color change happened. not sure what the problem is. One problem at a time but if it's the same index.html you posted here then main.css isn't linked.

joey cherrybon
joey cherrybon
2,350 Points

thank you for the help but its not getting rid of the bulletpoints that i am worried about, its trying to get my css documents properly linked to my html document. if i put that into main.css nothing would happen because whatever i put into my main.css is not affecting my page for some reason.

Farzana Sarangi
Farzana Sarangi
3,219 Points

Hi Josue, I had a similar issue where I still had the bullet points in my navigation (profile, about, contact). I used your suggestion and it worked. I have two questions: 1) I have organized the line under /GENERAL/, is that ok? 2) Why does "list-style: none;" not work under #logo?

Thank you.

Josué Rodriguez
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points

Farzana Sarangi I'm not sure what you are talking about. I would need to see some code. I suggest you make a new post asking for help.

joey cherrybon
joey cherrybon
2,350 Points
joey cherrybon
joey cherrybon
2,350 Points

http://w.trhou.se/rwpvy947zg

hope this is how i share snapshot