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

CSS

Robert Kohan
Robert Kohan
3,216 Points
Posted by Robert Kohan
Robert Kohan
3,216 Points

linking css style sheet

I am working on how to make a website and cannot get my css to link to my page. I think I have everything correct. It just isn't working. I will try to paste my code below to see if anyone can find my error.

Thanks

Robert Kohan
Robert Kohan
3,216 Points
Robert Kohan
Robert Kohan
3,216 Points 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Rob Kohan | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Robert Kohan</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>
    <div id="wrapper">
      <section>
        <ul>
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/mumbers-01.jpg" alt="">
              <p>Experimentation with color and texture</p>
            </a>  
          </li>
           <li>
            <a href="img/numbers-02.jpg">
              <img src="img/mumbers-02.jpg" alt="">
              <p>Playing with blending modes in Photoshop</p>
            </a>  
          </li>
           <li>
            <a href="img/numbers-06.jpg">
              <img src="img/mumbers-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/mumbers-09.jpg" alt="">
              <p>Drips created using Photoshop Brushes</p>
            </a>  
          </li>
           <li>
            <a href="img/numbers-12.jpg">
              <img src="img/mumbers-12.jpg" alt="">
              <p>Creating shapes using repitition</p>
            </a>  
          </li>
        </ul>
      </section>
      <footer>
        <a href="https://twitter.com/bigrobpk"><img src="img/twitter-wrap.png" alt="Twiiter Logo"></a>
        <a href="https://www.facebook.com/rob.kohan.3"><img src="img/facebook-wrap.png" alt="Facebook            Logo"></a>
        <p>&copy; 2016 Robert Kohan</p>
      </footer>
    </div>  
  </body>
</html>
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I changed your comment just to make the code stand out with forum markdown. Check out the cheatsheet below for how to do it. :-)

5 Answers

Joshua Britton
Joshua Britton
10,252 Points

Thanks for sharing your workspace.

I noticed 2 things: 1) Your CSS folder is in all caps rather than lower case (this made a difference when I viewed your workspace) 2) Your CSS code for the #wrapper had a slight error:

a {
  text-decoration:none;
}  
#wrapper {
  max-width: 940px;
  margin: o auto; /* <--- The "o" is the letter o rather than 0 :D (correcting this should help) */
}
Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

The HTML looks kosher to me. :-)

I would therefore suggest you check the CSS files are in the right location. Remember when you specify the path to the files it is relative to the location of the HTML file. So you're saying the files are in a CSS directory which is at the same directory as your HTML file.

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

There are no obvious problems in the code you have shared.

Is the stylesheet in question "main.css"? Your link points to it in the "css" folder. Is the file actually in that folder?

For more accurate analysis, you can make a snapshot of your workspace and post the link to it here.

Robert Kohan
Robert Kohan
3,216 Points
Robert Kohan
Robert Kohan
3,216 Points

Thanks so much. The all caps of the file was the big problem. All good now!!!