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

Jason Rivera
Jason Rivera
1,242 Points

CSS not showing up in my website. Only HTML. How do I fix this?

I'm using "TextMate" on my Macbook Pro to edit my websites HTML and CSS and when I wanted to test it out, I used Cyberduck to upload my website via SFTP. I've made sure the .html files were uploaded in the parent directory and the .css and image files in their respective folders. Upload completes and when I go to check my website, there are no style sheets. Just HTML. My website is still very plain and a work in progress but there should be at least some design/css there. What's happening?

My website: http://www.thephotobiography.com

4 Answers

Yes its the capitals, i just changed mine to MAIN.CSS instead of main.css and it all stopped displaying

Looks like the html is not linked to the css. can you show us your code for all pages?

Jason Rivera
Jason Rivera
1,242 Points

Okay. This is all of my index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>English in Sydney | Private Tutoring</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"> <h1>Learning English</h1> <h2>has never been so easy.</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <p>Giving you what you need, when you need it, where you need it.</p> <footer> <a href="http://twitter.com/sonrivera"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/sonrivera"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>ยฉ Learning English 2015.</p> </footer> </body> </html>

Not sure if I should post all my other files. Seems a little long. But the names of my .css files are main.css and normalize.css. They are located in my CSS folder. My CSS folder is all capitals. Would that be the problem?

This is mine and the css files are named

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Richard Nicholls | Design</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic|Raleway:600,700,800,400' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width-device-width, initial-scale=1.0"> </head>

Jason Rivera
Jason Rivera
1,242 Points

Thank you, Richard! It's working now:)

No problem, i am new to this too and helping to solve other peoples problems really helps the learning