Css probleem

HAllo ik heb een stijl gemaakt teminste mijn eerste maar hij drawt alleen de achter grond

html 
    { 
         background-image: url(background.png); 
body 
    { 
     div#header 
    { 
        background-image: url(head.png); 
        padding-left: 115px; 
        padding-top: 118px; 
        width: 771px; 
        height: 159px; 
    } 
    div#body
    {
        background-image: url(tekstvak1.png); 
        padding-top: 212px; 
        padding-left: 121px; 
        width: 582px; 
        height: 345px; 
    }  
       div#Menu
        {
        background-image: url(menu.png); 
        padding-top: 212px; 
        padding-left: 742px; 
        width: 145px; 
        height: 361px; 
    }  
       div#tekst
        {
        background-image: url(tekst.png); 
        padding-top: 591px; 
        padding-left: 111px; 
        width: 770px; 
        height: 141px; 
    }  
 
        
         
</html>

Wat doe ik fout?

html{ sluit je niet af met }
en je gaat in een style gebruiken je zet divs in de body

Okey en dit is gemaakt via een tut dus hoe moet het wel?

is dit een CSS bestand of gwn tussen

Dit is een css bestand

Habbeurs:
HAllo ik heb een stijl gemaakt teminste mijn eerste maar hij drawt alleen de achter grond

html 
    { 
         background-image: url(background.png); 
body 
    { 
     div#header 
    { 
        background-image: url(head.png); 
        padding-left: 115px; 
        padding-top: 118px; 
        width: 771px; 
        height: 159px; 
    } 
    div#body
    {
        background-image: url(tekstvak1.png); 
        padding-top: 212px; 
        padding-left: 121px; 
        width: 582px; 
        height: 345px; 
    }  
       div#Menu
        {
        background-image: url(menu.png); 
        padding-top: 212px; 
        padding-left: 742px; 
        width: 145px; 
        height: 361px; 
    }  
       div#tekst
        {
        background-image: url(tekst.png); 
        padding-top: 591px; 
        padding-left: 111px; 
        width: 770px; 
        height: 141px; 
    }  
 
        
         
</html>

Wat doe ik fout?

dit moet je doen:

html 
    { 
         background-image: url(background.png); 
}
body 
    { 
     div#header 
    { 
        background-image: url(head.png); 
        padding-left: 115px; 
        padding-top: 118px; 
        width: 771px; 
        height: 159px; 
    } 
    div#body
    {
        background-image: url(tekstvak1.png); 
        padding-top: 212px; 
        padding-left: 121px; 
        width: 582px; 
        height: 345px; 
    }  
       div#Menu
        {
        background-image: url(menu.png); 
        padding-top: 212px; 
        padding-left: 742px; 
        width: 145px; 
        height: 361px; 
    }  
       div#tekst
        {
        background-image: url(tekst.png); 
        padding-top: 591px; 
        padding-left: 111px; 
        width: 770px; 
        height: 141px; 
    }

ff testen

html 
    { 
         background-image: url(background.png); 
     }
     #header 
    { 
        background-image: url(head.png); 
        padding-left: 115px; 
        padding-top: 118px; 
        width: 771px; 
        height: 159px; 
    } 
    #body
    {
        background-image: url(tekstvak1.png); 
        padding-top: 212px; 
        padding-left: 121px; 
        width: 582px; 
        height: 345px; 
    }  
       #Menu
        {
        background-image: url(menu.png); 
        padding-top: 212px; 
        padding-left: 742px; 
        width: 145px; 
        height: 361px; 
    }  
       #tekst
        {
        background-image: url(tekst.png); 
        padding-top: 591px; 
        padding-left: 111px; 
        width: 770px; 
        height: 141px; 
    }

moet je doen

Doet het nog steeds niet en hoe werkt het danmet die divs?

<style>
html 
    { 
         background-image: url(background.png); 
     }
     #header 
    { 
        background-image: url(head.png); 
        padding-left: 115px; 
        padding-top: 118px; 
        width: 771px; 
        height: 159px; 
    } 
    #body
    {
        background-image: url(tekstvak1.png); 
        padding-top: 212px; 
        padding-left: 121px; 
        width: 582px; 
        height: 345px; 
    }  
       #Menu
        {
        background-image: url(menu.png); 
        padding-top: 212px; 
        padding-left: 742px; 
        width: 145px; 
        height: 361px; 
    }  
       #tekst
        {
        background-image: url(tekst.png); 
        padding-top: 591px; 
        padding-left: 111px; 
        width: 770px; 
        height: 141px; 
    }
</style>

met divs werkt het zo:

<div id="naam van CSS stukje">Teskt</div>

Of als er een . voor staat:

<div class="naam van CSS stukje met .">Tekst</div>

Als je een punt gebruikt, betekent dat dat je het vaker gaat gebruiken
met een # gebruik je hem maar 1 keer

Ik weet niet of het aan mij licht maar hij drawt alleen de achtergrond

post je css(die je nu heb) en je html eens?

css

html 
    { 
         background-image: url(background.png); 
     }
     #header 
    { 
        background-image: url(head.png); 
        padding-left: 115px; 
        padding-top: 118px; 
        width: 771px; 
        height: 159px; 
    } 
    #body
    {
        background-image: url(tekstvak1.png); 
        padding-top: 212px; 
        padding-left: 121px; 
        width: 582px; 
        height: 345px; 
    }  
       #Menu
        {
        background-image: url(menu.png); 
        padding-top: 212px; 
        padding-left: 742px; 
        width: 145px; 
        height: 361px; 
    }  
       #tekst
        {
        background-image: url(tekst.png); 
        padding-top: 591px; 
        padding-left: 111px; 
        width: 770px; 
        height: 141px; 
    }

index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> 
        <head> 
                <title>Site</title> 
                 
                <link rel="stylesheet" type="text/css" href="opmaak.css" /> 
        </head> 
         
        <body> 
        </body> 
         
</html>

je doet etc. niet