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 How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

Main.css doesn't connect to my index.html

I know that there so many same questions about this topic, I've skimmed through those before writing here. Checked everything a number of times but still don't find the answer. I even tried to keep going on lessons and passed 2 more sections but as far as I don't see any changes in my main.css file to be applied, I decided to go back to the issue and actually figure out what is the problem with that. So here's my code guys:

    <title>Pavel Zhestkov | Pictures</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>

Here's the link to the website: http://port-80-q75smisi59.treehouse-app.com

Hi Pavelz,

Back when you first linked "normalize.css", did it remove the bullets points in your navigation?

Max Goetz
Max Goetz
5,360 Points

Hi pavelz,

That appears to by typed out correctly. I'm unable to view the website via the link provided.

Some questions I have:

1) On the sidebar of your workspace, have you moved 'main.css' to the 'css' folder? <br> 2) Is the code shown between <head> </head>?

Max

Jason, No it didn't.

7 Answers

Kevin Snider
seal-mask
.a{fill-rule:evenodd;}techdegree
Kevin Snider
Front End Web Development Techdegree Student 25,275 Points

hey pavs,

looks like your side bar css folder is named "CSS" in caps. you are calling it in your file "css/main.css" which in the coding world are two different things.

change your side bar "CSS" to "css" and it should work.

hope this helps.

GOTCHA MAN!:) it works. finally....

Evgeny Rychkov
Evgeny Rychkov
2,302 Points

Hell yeah!!! IT WORKS!!! THANKS!

Wow! Thank you! :) It also worked for me!

Wow! Thank you! :) It also worked for me!

thanks...i also resolved my problem...my css also was not linked coz i put 'Css'' in slidebar and in code i put"css ' but now i corrected that..thanks..

Charlie du Plessis
Charlie du Plessis
1,093 Points

Thank you your comment helped me a lot

Check your actual files located in the dark grey bar on the left side of the workspace. When I open my workspace, there is no actual file in the css folder called "main.css." This could be why it's not working because the html won't be able to link any css files that doesn't actually exist.

If that's the case, just right click on the bar, and hit "new file." Name it main.css and then drag it into the css folder. You can also create the file by clicking the file drop down menu and selecting "new file."

Do a quick test like changing the background color of the body to some ridiculous color so that you know the stylesheet is linking.

Thanks, but I checked it and it's not an issue, see my screenshot below.

James Tomlinson
James Tomlinson
5,076 Points

Hi Pavelz

try adding a '/' before your css folder so your code would look like: href="/css/normalize.css" href="/css/main.css"

Didn't work out.

Hi Pavelz

As far as I'm aware, you cannot share your workspace, but what would make life easier is if you are able to take a screen shot of your workspace or sidebar. As everyone suggests, it may be that you have moved your main.css file into a different directory, in which case that directory needs to be included in the path for your css file. At the moment, we are all guessing as we are unable to see what you can see. A screenshot of the sidebar would probably take a lot of the guess work out of it :) What might also be helpful is the code from your html file and the code from your main.css file so we can see if the problem is the connection to your css file or the content of your css file. Just trying to cover all bases :)

Here, I uploaded the screenshot of my workspaces. http://cl.ly/image/3m1z0A240N1D

Everything you've done is correct except for the folder named "CSS". Change it to lowercase "css" and keep it there. If that doesn't work, create a new workspace project and do everything from scratch up to the part where main.css and normalize are linked and put some random code in there to test it out. If it works, compare the two and see what you did wrong. As of right now, there's nothing else that could be the problem unless you missed a </html> at the end (or something similar).

try this link <link rel="stylesheet" type="text/css" href="css/main.css"> and make sure your css file has the same as the end of the link which main.css.