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

M J
M J
2,907 Points
Posted by M J
M J
2,907 Points

CSS is not linking to HTML

I am watching How to make a website video and I have been following along exactly. It has been good so far but now I am trying to link the CSS page to HTML and it is not working and have no clue why. Could someone help me please? 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>MINA JUNG | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Mina Jung</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/numbers-01.jpg" alt="">
              <p>Experimentation with colour and texture</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p>Playing in 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 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>
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2014 Mina Jung.</p>
      </footer>
    </div>
  </body>
</html>
Daniel Windley
Daniel Windley
656 Points

i'm having the exact same problem, everything is as the video says but the .css file wont link to my .html file

10 Answers

Justin Collins
Justin Collins
2,329 Points
Justin Collins
Justin Collins
2,329 Points

Can you post a shot of your folder structure? This looks good from what I can tell.

M J
M J
2,907 Points
M J
M J
2,907 Points

Hi Justin, how do i upload a screenshot here in the forum? Sorry, I'm new to treehouse. Thank you!

Justin Collins
Justin Collins
2,329 Points
Justin Collins
Justin Collins
2,329 Points

Sorry, i thought you posted the one above, I'm not exactly sure. I'm new as well!

Steve Suresh
Steve Suresh
13,185 Points
Steve Suresh
Steve Suresh
13,185 Points

Where is your index.html file located?

Is it adjacent to the css folder?

M J
M J
2,907 Points
M J
M J
2,907 Points

my index.html file is located under a different folder (img folder).

M J
M J
2,907 Points
M J
M J
2,907 Points

Oh ok, it looks like this: (main.css and normalize.css is under the CSS folder)

CSS (folder) main.css normalize.css Img (folder) index.html

it's the same as in the video but not sure why mine is not working..

M J
M J
2,907 Points
M J
M J
2,907 Points

Oh ok, it looks like this: (main.css and normalize.css is under the CSS folder)

CSS (folder)
    main.css
    normalize.css
Img (folder)
    index.html

it's the same as in the video but not sure why mine is not working..

bothxp
bothxp
16,510 Points
bothxp
bothxp
16,510 Points

index.html should not be in the img folder.

It should be at the same level as the css & img folders. Just check that you can still see it when you collapse the img folder.

M J
M J
2,907 Points
M J
M J
2,907 Points

oh sorry, i just checked and it is not in the img folder. It is on it's own (folder), just below the img. folder.

bothxp
bothxp
16,510 Points
bothxp
bothxp
16,510 Points

Hmm .. if you preview your index.html you could post the url of the preview so that we can take a look.

Teri Nolan
Teri Nolan
663 Points
Teri Nolan
Teri Nolan
663 Points

I am having the same problem in the 'How to Make a Website' course...