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 CSS Basics (2014) Basic Selectors Type Selectors

Posted by Virginia Chubo
Virginia Chubo
1,182 Points

My html and my css is not linking.

<link rel="stylesheet" href="style/global.css"> all my folder are in folder called zero inside zero i have folder called style) the name of my css file is called global.css what is the problem

style.css 
/* Complete the challenge by writing CSS below */
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header>
      <span>Journey through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <p>
      Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
    </p>
    <a href="#">Find out more</a>
    <div>
      <h2>Check out all the Wildlife</h2>
      <p>
        As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of mink, bears, and Bald eagles.
      </p>
      <a href="#">See the Wildlife</a>
    <div>
  </body>
</html>

2 Answers

Demian Martinez
Demian Martinez
2,985 Points
Demian Martinez
Demian Martinez
2,985 Points

It doesn't look like you are actually linking to the directory of the file, rather you are actually just linking the name. Since your index.html is at the root of the directory you have to specify in the href attribute that the css is located in a folder called styles you would do so like this.

<link rel="stylesheet" type="text/css" href="styles/page.css">

In your case you say that your index.html file is in a folder called Zero with all your CSS files in a folder called styles and you want to link to a CSS file called global.css. You would do that like this

<link rel="stylesheet" type="text/css" href="styles/global.css">

I'm assuming this Zero folder does not actually live on an actual webserver that you are hosting your website on, rather than a folder on your local machine that you are using to keep your files organized while designing before you upload it to the web, because you should always have your index.html inside the root folder.

Charles Smith
Charles Smith
7,575 Points
Charles Smith
Charles Smith
7,575 Points

if your CSS file is called style/global.css, it is not being linked anywhere in the HTML above. In your <head> tags, you should have someithing like:

<link rel="stylesheet" type="text/css" href="style/global.css">

If you are not using page.css or style.css, you can remove those <link> tags above.