Search code examples
htmlcssbackgroundstylesheetgrid-system

CSS Is Not Importing into HTML

I must be tired. CSS isn't importing into HTML. All that shows up is: Test Test Test(On different lines) Also, in the grid CSS all there is is the 920.gs:

<!DOCTYPE html>
<html>
        <head>
            <title>Some title</title>
        <link rel="stylesheet" type="text/css" href="/css/styles.css" />
    </head>
    <body>
        <div class="container_12" id="content">
            <div class="grid_3" id="leftside">
                <h1>Test</h1>
            </div>
            <div class="grid_6">
                <h1>Test</h1>
            </div>
            <div class="grid_3" id="rightside">
                <h1>Test</h1>
            </div>
        </div>
    </body>
</html>

Annnd the CSS:

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-                         animation");
@import url("css/grid.css"")

body {
        background-attachment:fixed;
    background-repeat:no-repeat;
    background-color:#7FA8FF;
    background-position:top;
    background-image:url("../images/background.png");
    text-align: center; 
    font-family: 'Days One', sans-serif;
}
Solution

  • Try removing the leading slash from your css path:

    <link rel="stylesheet" type="text/css" href="css/styles.css" />

    This will assume that you have a css folder at the root of your web app, at the same level as the HTML page.