Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Luke Munoz
Luke Munoz
591 Points

CSS link to HTML

Simple problem; difficult solution!

I apologize if this is a dumb question but I cannot get my CSS file to link to my HTML document. ****HTML CODE**** <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Luke Munoz | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header>


******CSS CODE******* a { text-decoration: none; }


My CSS file will not make the change to the underlines. I also tried changing the background-color as well and no go. Just to make sure, I embedded the code in my index file and it worked so somehow my CSS and HTML are not linked but I cannot figure it out. This seems so easy. Please help.

Luke, first question: Is your html normalized? I.e., is the link to normalize.css working? If so, then second question: Are you sure that main.css is in the css folder? If so, then you might try clearing the cache in your browser. Sometimes browsers don't think changes in css files are changes, and so they reload an old file.

5 Answers

Luke Munoz
Luke Munoz
591 Points

First of all thanks for replying. Okay... So both my normalize.css and main.css files are inside the css folder. I am using firefox and cleared the cache: didn't work. Then I cleared the cache in chrome and tried it there: didn't work.

Also, how do I know if my normalize.css link is working? I copied and pasted the code from github into my normalize.css file.

To check whether normalize.css is working try the page with and then without that link element. You should see quite a difference, in any browser.

Luke Munoz
Luke Munoz
591 Points

Okay, I tried that and there was no change in my browser. I have double checked my links in HTML and the spelling and location and nothing seems to working.

Thomas the Tank Engine
Thomas the Tank Engine
12,107 Points

Hmmm...

Puzzling. The only thing I can think of is to double check the folder structure. Make sure the HTML file is one level above the css folder.

rootFolder
   |-- index.html
      |-- css
          |--normalize.css
          |--main.css
Luke Munoz
Luke Munoz
591 Points

Arrrrgh... I figured it out. one of the "s" letters in my folder name was capitalized. What an oversight! Problem solved. I learned a lot about normalize though. Thanks everyone!