Bummer! You must be logged in to access this page.

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

Posted by Steven Gassert
Steven Gassert
756 Points

Trouble with CSS reset

having some trouble with the CSS reset, I don't believe its a problem with my code because I have it copied word for word from the "CSS reset" video. from there then i think I may have downloaded incorrectly. there could also be a problem with the folder that my CSS is in but I feel like I've tried all the possibilities. if anyone feels like answering Im alittle confused how i could post a screen shot or something to show my code and directory.

9 Answers

Steven Gassert
Steven Gassert
756 Points

Hey guys, just wanted to explain what my problem ended up being for newbies in the future who might encounter the same thing. my coding turned out to be correct but my css file was not in the same place as my index.html file! Thanks to all who helped my trouble shoot this issue!

J.T. Gralka
J.T. Gralka
20,126 Points
J.T. Gralka
J.T. Gralka
20,126 Points

Hi Matthew Gassert,

It might help if you posted the code you've tried, to give us an idea of what the issue might possibly be.

—J.

Steven Gassert
Steven Gassert
756 Points
Steven Gassert
Steven Gassert
756 Points

hey J.T how do i do that again?

Elliott Frazier
Elliott Frazier
Courses Plus Student 9,647 Points

Indent your sentence with 4 spaces (or a single tab) to turn it into a code block.

Mohammed Jammeh
Mohammed Jammeh
37,463 Points
Mohammed Jammeh
Mohammed Jammeh
37,463 Points

Hi everyone,

I'm also struggling with CSS reset like Mathew. I've it copied the code word for word from the "CSS reset" video but still no difference so I'm thinking that I haven't downloaded the "normalize.css on GitHub" properly. Any help please?

Thanks.

Steven Gassert
Steven Gassert
756 Points
Steven Gassert
Steven Gassert
756 Points 
<!DOCTYPE html>

<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">

    <title>Smells Like Bakin' Cupcake Company</title>
    <link href="css/normalize.css" media="screen" rel="stylesheet" type=
    "text/css">
</head>

<body>
    <img alt="Smells Like Bakin" src="img/logo.gif">

    <ul class="nav">
        <li>
            <a href="#">About</a>
        </li>

        <li>
            <a href="#">Cupcakes &amp; Prices</a>
        </li>

        <li>
            <a href="#">Locations</a>
        </li>

        <li class="last">
            <a href="#">Contact Us</a>
        </li>
    </ul>

    <div id="intro">
        <h1>Opposites really do attact, especially in out kitchen! We combine
        unexpected flavors that melt together to create ironically delicious
        desserts</h1>

        <p><a class="btn" href="#">Browse Our Cupcakes</a></p>
    </div><img src="img/you-bake-me-blush.gif">

    <div id="featured cupcake">
    <h2>Cupcake of the Week</h2>

    <p>This weeks Cupcake is the <a href="#">Avoacado Cupcake</a>, its strange
    mixture of falvors will kick your taste buds into fiesta mode</p><img alt=
    "Avacado Chocolate Cupcake" src="img/featured-cupcake.jpg"></div>

    <div id="Fresh Out the Oven">
    <p>Our newest cupcakes are <a href="#">Bakin Me Crazy</a> and <a href=
    "#">Jalapeno so Spicy</a></p><img alt="Bacon me Crazy" src=
    "img/new-cupcake-bacon.jpg"> <img alt="jalapeno so spicy" src=
    "img/new-cupcake-jalapeno.jpg"></div>

    <h2>Inside the Kitchen</h2>

    <p>Smells like bacon started in the garage in the house of Steven &amp;
    Gassert, he likes to program and make money and he will be doing this this
    summer</p>

    <p><a class="btn" href="#">Read more</a></p>

    <h2>Get Bakin' wih Us</h2>

    <div id="contact">
        <p>Call US <span>1-800&lt;-221-5737/span&gt;<br>
        Email Us : <a href="#">bacon@smellslikebcon.com</a></span></p>
    </div>

    <p><span>We announce all our new flavors first through our facebook &amp;
    and Twitter, and Even take requests!</span></p><span><a href=
    "http://www.facebook.com/SmellsLikeBakin"><img alt="facebook" src=
    "img/facebook.gif"></a> <a href=
    "http://www.twitter.com/#!/SmellsLikeBakin"><img alt="twitter" src=
    "img/twitter.gif"></a></span>

    <div id="copyright">
        <span></span>

        <p><span>&copy; Copyright 2012 Smells like Bakin Cupcake company. All
        rights reserved</span></p>
    </div>
</body>
</html>
Steven Gassert
Steven Gassert
756 Points
Steven Gassert
Steven Gassert
756 Points

for some reason its only letting me post the code inbetween my body tags

Mohammed Jammeh
Mohammed Jammeh
37,463 Points
Mohammed Jammeh
Mohammed Jammeh
37,463 Points

I know, anyway have you downloaded the "normalize.css on GitHub"?

Steven Gassert
Steven Gassert
756 Points
Steven Gassert
Steven Gassert
756 Points

one thing i have noticed is that my folders in my directory are not in a "web" folder, would this make any difference?

J.T. Gralka
J.T. Gralka
20,126 Points
J.T. Gralka
J.T. Gralka
20,126 Points

It's hard to tell with your indentation in the above reply, but it doesn't appear that you have a <link ... /> tag in your header to tell the browser to style your page with normalize.css, nor does it appear that you have a proper <header></header> block encapsulating your style links.

It might help to go back and review the basic anatomy of a well-structured HTML document.

For example, you'd want your page to take the following form:

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="cssDirectoryName/stylesheetFileName.css" />
        <!-- Other stylesheet link tags go here... -->
    </head>
    <body>
        <!-- Page content goes here... -->
    </body>
</html>

I hope that's helpful!

—J.

Edit: ...and, yes, it would matter where you saved the file! It's a good idea to have a css/ directory in your working project directory that contains all of the relevant .css files, including the elusive normalize.css.