Grow your CSS skills. Land your dream job.

[Solved] New to CCS, need help:)

  • # February 19, 2010 at 3:53 am

    Hey,

    Just to get it out, im a totaly noob on HTML and CSS, i started yesterday.

    I made a PSD template of a webpage yesterday and followed the video tutorial on this page, just gotta say that is great :D
    But i dont understand somethig, i have one index.html and one style. css and when i tried to make the image i want as background in the style.css it wont work. :?
    I dont understand whats wrong, maybe the css sheet isent linked to the html sheet, if someone can take a look at both of the sheets and tell me what went wrong, that would help me alot:)

    Here is the index.html sheet:
    <!DOCTYPE>
    <html xmlns="">
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset-UTF-8" />
    <title>Photoshop Mockup Conversion</title>
    <link rel="stylesheet" type="text/css"
    href="style.css" />
    </head>

    <body>
    <div id="header">
    </div>

    <div id="page-wrap">

    <ul id="nav">
    <liv><a href="#">Home</a></liv>
    <liv><a href="#">Articles</a></liv>
    <liv><a href="#">Pictures</a></liv>
    <liv><a href="#">Tutorials</a></liv>
    <liv><a href="#">Downloads</a></liv>
    </ul>

    <p>Main content</p>

    <div id="sidebar"
    </div>

    </div>

    <div id="footer">
    </div>

    </body>
    </html>

    And here is the style.css sheet:
    /*restes & basic side opphold*/
    * {margin: 0; padding: 0;}
    html {overflow-y: scroll;}
    body {
    font: 62.5% Helvetica, sans-serif
    background: url(Bilder/bg.png)
    }

    ul { list-style: none inside; }
    p { font-size: 1.2em line-height: 1.2em; margin-bottom: 1.2em }
    a { outline: none; }
    a img {border: none; }
    /*slutt på toolbox*/

    /* Struktur og Ting */
    #page-wrap {
    width: 775px;
    margin: 0 auto;
    }
    /*Slutt på struktur*/

    # February 19, 2010 at 5:16 am

    Is your css file in the same folder as the html? The bg.jpg is in a file called Bilder right? if you have named this folder bilder, the css won’t find it. Always keep folders and file names lowercase to avoid issues.

    # February 19, 2010 at 7:00 am

    Yes it is in the same folder:) I found out what it was, sorry for troubeling you, i forgot
    body {
    font: 62.5% Helvetica, sans-serif; <— this one !!:P
    background: url(Bilder/bg.png)top left repeat;
    }

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".