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

Reginald Beneke
PLUS
Reginald Beneke
Courses Plus Student 4,282 Points

Question on adding Normalize.css

Hi,

after adding Normalize.css, my webpage changed fonts and the bullet points at Portfoliio,About and Contact disappeared.

But there are still bullet points next to the images. Whereas I see in the video that Nick's bullet points found at the images disappeared. Can someone tell me if that's normal, or if I'm doing something wrong?

Kind regards, Reg.

Normalize.css has been updated to version 5, so that may have something to do with it. If I recall correctly, Nick goes through in later videos and removes the bullet points in the main.css file.

Just make sure you have the main.css file listed AFTER normalize.css in your html file like this...

    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="normalize.css">
        <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="main.css">
        <title>James Ackerman | Web Developer</title>       
    </head>

Other than that, it sounds okay. Feel free to copy and paste your code if you'd like further help. Just be sure to post your code inside the "" and "" brackets (minus quotes).

EDIT: Here's a link to how to post code in case you're new to it. I don't think my example above printed correctly and may cause confusion. :) https://teamtreehouse.com/community/posting-code-to-the-forum

3 Answers

Reginald Beneke
PLUS
Reginald Beneke
Courses Plus Student 4,282 Points

"

<!DOCTYPE html> <html>

<head> <meta charset="utf-8"> <title> Beneke|Design Portfolio </title> <link rel="stylesheet" href="CSS/normalize.css">

<style>
nav a{
  color:white;
    background-color:orange;

  }

</style>

</head>

<body> <header> <a href="index.html"> <h1>Reginald D. Beneke</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> <section> <ul>

  <li>
    <a href="img/numbers-01.jpg">
  <img src="img/numbers-01.jpg" alt="">
    <p>Experimentation with color and texture.</p>
      </a>
  </li>

   <li>
    <a href="img/numbers-02.jpg">
  <img src="img/numbers-02.jpg" alt="">
    <p>Playing with blending modes in photoshop.</p>
      </a>
  </li>

   <li>
    <a href="img/numbers-06.jpg">
  <img src="img/numbers-06.jpg" alt="">
    <p>Trying to create an 80's style of glows.</p>
      </a>
  </li>

   <li>
    <a href="img/numbers-09.jpg">
  <img src="img/numbers-09.jpg" alt="">
    <p>Drips created using photoshop brushes.</p>
      </a>
  </li>

   <li>
    <a href="img/numbers-12.jpg">
  <img src="img/numbers-12.jpg" alt="">

    <p>Creating shapes using repetition.</p>
      </a>
  </li>

  </ul>
</section>      
</header>
<footer>
  <a href="http://twitter.com/r3ggi3duan3">

    <img src="img/twitter-wrap.png" alt"Twitter Logo"> </a>
  <a href="http://facebook.com">
  <img src="img/facebook-wrap.png" alt"Facebook Logo"></a>

  <p>&copy; Reginald D. Beneke 2017.</p>
</footer>

</body> </html>

"

Reginald Beneke
PLUS
Reginald Beneke
Courses Plus Student 4,282 Points

I don't know if I done that right. But also, another problem I'm facing is that I have to scroll left to view the images and if I were to add a background color to the footer, it stops when I scroll right.

I wish I could show pictures.

Are you on a lap top? After copying your code and running it, it seems as it should be based on what lesson you're on. I'm not seeing anything pushed to the left, but I'm on a PC with a 24" screen.

In future lessons, you'll learn how to add something called break points, which will change the layout of the page based on the device you're on. I suspect this will correct these issues if you're on a smaller device. I can't see anything wrong with your code, though.