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 Daniel Windley
Daniel Windley
656 Points

.css not linking to my .html

Hi all, I'm new here and loving the go at your own pace learning style.

Unfortunately I've hit a road block in the create a web page track. Everything was going great and i am actually retaining the things I'm a being shown but for some reason i can not figure out why my main.css file wont talk to my index.html file.

I'm positive the code is written out exactly as i have been shown (apart from the name) and the file structure is identical, but anything i put in the main.css file doesn't have any effect on my index.html file. i.e background color.

I thought perhaps it might be the web browser i'm using but after trying 2 others i still can't get it to work.

can anyone help me with this?

i'm trying to figure out how to get my work space code in here and ill post it as soon as i can

Thanks in advance

Daniel

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Daniel Windley | Gamer</title>
    <link rel"stylesheet" href="css/normalize.css">
    <link rel"stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Daniel Windley</h1>
        <h2>Gamer</h2>
      </a>
      <nav>
        <ul>
          <li><a herf="index.html">Portfolio</a></li>
          <li><a herf="about.html">About</a></li>
          <li><a herf="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpeg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpeg">
            <img src="img/numbers-02.jpg" alt="">
            <p>playing with blending modes.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpeg">
            <img src="img/numbers-06.jpg" alt="">
            <p>80's style.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpeg">
            <img src="img/numbers-09.jpg" alt="">
            <p>drips.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpeg">
            <img src="img/numbers-12.jpg" alt="">
            <p>shapes using repetition.</p>
          </a>
        </li> 
      </ul>
    </section>
    <footer>
      <a href="https://www.google.com/+DanielWindley"><img src="img/google.png" alt="Google+ Logo"></a>
      <a href="http://www.youtube.com/user/WindleyDaniel"><img src="img/youtube.png" alt="Youtube Logo"></a>
      <p>PSN: wigatron82</p>
    </footer>
  </body>  
</html>

main.css

body {
  background-color: red;
}

1 Answer

Rick O'Connor
Rick O'Connor
949 Points

Hi Daniel,

I think your just missing an equals sign. 

<link rel="stylesheet" href="...">

:)

Daniel Windley
Daniel Windley
656 Points

Rick,

Your a legend!

i went over it about 67 thousand times and didn't see it..

thanks heaps