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
Leonardo Cavalcanti
5,308 PointsMain CSS wont make any changes to the page, checked, double checked, dont see the what seems to be the problem
Hello everyone, so I just started watching CSS: Cascading Style Sheets classes, and so when I tried to include the main.css file to the webpage, I did every single thing with as much atenttion as I could but for some reason it the HTML isnt loading the CSS file, and i'm trying to figure out why..
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Leo | Web Developer </title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"> <h1> The monstrosity </h1> <h2> is here</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About></a></li> <li><a href="contact.html">Contact></a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/anime3.jpg"> <img src="img/anime3.jpg" alt=""> <p> Weird eye </p> </a> </li> <li> <a href="img/warcraft2.jpg"> <img src="img/warcraft2.jpg" alt=""> <p>A deathknight has cold bold, literally</p> </a> </li> <li> <a href="img/anime4.jpg"> <img src="img/anime4.jpg" alt=""> <p>BLUE FREAKING HAIR</p> </a> </li> <li> <a href="img/warcraft1.jpg"> <img src="img/warcraft1.jpg" alt=""> <p>My blade be thirsty</p> </a> </li> <li> <a href="img/warcraft3.jpg"> <img src="img/warcraft3.jpg" alt=""> <p>Woof woof</p> </a> </li> </ul> <p> This site is under construction</p> </section> <footer> <a href="https://twitter.com/leonardomisfits"> <img src="img/twitter-wrap.png" alt "Twitter logo"> </a> <a href="https://www.facebook.com/an4rhy"> <img src="img/facebook-wrap.png" alt "Facebook logo"></a> <p>Ā©2015 The Bad Mother Fucker</p> </footer> </body> </html>
My main.css file is located in the css folder this is its content: a { text-decoration: none; }
and heres the page link http://port-80-69rt2glvri.treehouse-app.com/
one strange thing is that it actually loads the normalize.css file...
5 Answers
Shezan Kazi
10,807 PointsTry saving your workspace and refreshing the page with Ctrl+Shift+R to clear the cache.
Shezan Kazi
10,807 PointsHi,
your main.css is actually loading. This is why for example your links are not underlined. What result are you expecting?
Cheers, Shezan
Leonardo Cavalcanti
5,308 PointsStrange, for me the links are underlined.....
Leonardo Cavalcanti
5,308 PointsAre you sure they are not underlined there? o.O this is reaaally strange
Leonardo Cavalcanti
5,308 PointsOh, ok CTRL+Shift+R did it!
Unsubscribed User
8,841 Pointsable to see ur links are not "underlined". The property is working
Shezan Kazi
10,807 PointsGlad to have helped!