The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] New to CCS, need help:)

  • # February 19, 2010 at 3:53 am


    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:
    <html xmlns="">
    <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" />

    <div id="header">

    <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>

    <p>Main content</p>

    <div id="sidebar"


    <div id="footer">


    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

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed