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 Foundations Getting Started with CSS Adding CSS to a Page

Posted by Josuel Garcia
Josuel Garcia
6,069 Points

my css will not load

the location a bit confusing when first extracting the files to the desktop changing file names

Josuel Garcia
Josuel Garcia
6,069 Points 
<!DOCTYPE html>
<html>
<head>
    <title>Adding CSS</title>
    <link rel="stylesheet" href="/adding-css/start/css/style.css">
    <style type="text/css">
        h1 {
            color: white;
            background-color: #E14607;
        }
    </style>
</head>
<body style="background-color: #BDD4DE;">
    <h1>Adding CSS to the Page!</h1>
    <p style="font-weight: bold;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non diam justo. Integer accumsan lacus ut quam pulvinar ullamcorper. Proin imperdiet mauris ac lectus blandit adipiscing. Vestibulum placerat mi sit amet odio luctus quis aliquam ante tristique. Praesent sem ligula, rhoncus quis gravida vitae, consequat id odio.</p>
    <p>Etiam eros nisl, pretium nec suscipit ac, gravida quis velit. Phasellus adipiscing ultrices lorem, ut porttitor tellus interdum eu. Fusce auctor, felis vitae adipiscing vulputate, tellus odio venenatis lorem, et pretium lectus justo vitae ipsum. Mauris in dictum dolor. Sed fermentum, dolor nec mollis lobortis, eros augue laoreet tortor, vel cursus neque sem ac diam.</p>
    <h2>Lorem ipsum dolor sit amet</h2>
    <ul>
        <li>Praesent sem ligula rhoncus</li>
        <li>Donec ut ipsum at quam</li>
        <li>Maecenas libero neque accumsan ut</li>
        <li>Donec quis mauris ipsum</li>
    </ul>
</body>
</html>

h2 {
    color: steelblue;
    padding-bottom: 10px;
    border-bottom: 2px dotted;

}

ul {

    color: white;
    background-color: steelblue;
}

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Josuel, I would recommend taking the Nick's HTML course if you haven't seen that one. It goes into file structure and linking.

Take a look at that last link, and if you're still having trouble after that, respond back here with a little more information. For instance: where your files are located, names, etc. It just takes a little troubleshooting to figure out where the typo or misplaced file is. Let us know if you need some more help.

P.S. I went ahead and fixed your code. You might also check out Posting Code to the Forum.

Josuel Garcia
Josuel Garcia
6,069 Points

yea i did take the class im just troubleshooting where the files are being saved when i try & link the files will not show the css work. windows sucks i need a mac. the file extensions are not matching.

Dustin Matlock
Dustin Matlock
33,856 Points

Josuel, the easiest way is if you can zip the entire project, and send it to Dropbox, I'll have a look at it for you.

Josuel Garcia
Josuel Garcia
6,069 Points
Josuel Garcia
Josuel Garcia
6,069 Points

i figured it out i just deleted all the old zipped files downloaded the file over again and used notepad++ its alot more user friendly for windows then sublime. thanks for your response.