Background doet het niet

Me background doet het niet en een achtergrond plaatje van me content doet het ook niet.

[b] }
body {
  background: lightblue;
  font-family: verdana;
  font-size: 11px;
  margin: 0;
  color: #2d2d2d;

}[/b]
#container {
  width: 935px;
  margin: 0px auto;
}
#header-left {
  background: url(images/header.png);
  height: 98px;
  width: 774px;
  float: left;
}
#header-right {
  background: url(images/header-right.png);
  height: 213px;
  width: 124px; 
  padding-left: 5px;
  padding-right: 31px;
  padding-top: 20px;
  float: right;
border-right: solid 1px black;
border-bottom: solid 1px black;


}
#header-right a {

  color: #000000;


}



div#balk1
    { 
        background-image: url(images/balk1.png); 
        background-repeat: no-repeat; 
        width: 936px; 
        height: 20px; 
padding-left: 5px;
  padding-right: 31px;
color: #ffffff;
  float: left;

    } 

div#inlogveld
    { 
        background-image: url(images/inlogveld.png); 
        background-repeat: no-repeat; 
        width: 155px; 
height: 133px;
padding-left: 5px;
  padding-right: 31px;
float: left;




    } 
div#alert
    { 
        background-image: url(images/alert.png); 
        background-repeat: no-repeat; 
        width: 151px; 
     height: 28px;    
padding-left: 25px;
  padding-right: 31px;
padding-top: 5px;
float: left;
color: #FFFFFF;


    } 
div#balk2
    { 
        background-image: url(images/vak.png); 

        width: 774px; 
     height: 135px;    
  float: left;


    } 
div#berichtenbalk
    { 
   background-image: url(images/berichtenbalk.png); 
background-repeat: repeat-x; 
        width: 184px; 
        height: 232px; 
border-right: #000000;
  margin-top: 20px; 

 margin-left: 10px; 
float: left;

    } 
div#headlines1
    { 
  
    background-repeat: repeat-x; 
        width: 269px; 
        height: 232px; 
margin-top: 20px; 
  
 margin-left: 10px; 
 
float: left;

    } 
div#headlines2
    { 
   
       background-repeat: repeat-x; 
        width: 269px; 
        height: 232px; 
margin-top: 20px; 
  

  margin-left: 10px; 
float: left;

    
}
#menubalk {
 background: url(images/menubalk.png);
  height: 36px;
  width: 928px;
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
  float: left;
  padding-left: 5px;
}
.menuknop {
background-repeat: no-repeat; 
  background: url(images/menubalk.png);
  height: 27px;
  padding-left: 4px;
  padding-right: 4px;
  float: left;
  color: #ffffff;
  font-weight: bold;
  padding-top: 7px;

}
.menuknop:hover {

  background: url(images/menu-hover.png);
}


a, a:link, a:hover, a:visited
{
       font-weight: ;
       text-decoration: none;
    color: #B30700;
      font-size: 11px;


} 

.menuOut {cursor:pointer; margin:2px; background-color:#0099cc; color:#000000; width:120px; border:1px solid #000000; padding:2px; text-align:center; font-family:arial; font-weight:bold;}
.menuOver {cursor:pointer; margin:2px; background-color:#000000; color:#0099cc; width:120px; border:1px solid #0099cc; padding:2px; text-align:center; font-family:arial; font-weight:bold;}
.submenu {width:115px; font-family:verdana; font-size:11px; padding-left:5px;}
.submenu a {color:#000080; text-decoration:none; font-weight:none; color:#000000;}
.submenu a:hover {color:#ff0000; text-decoration:none; font-style:none; font-weight:none; color:#00aaff}
}
[b]#mid {
  background: url(images/mid.png);
  width: 928px;
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
  float: left; 
  padding-bottom: 10px;
  overflow: hidden; 
  padding-top: 5px;
}[/b]
#mid-bottom {
  background: url(images/mid-bottom.png);
  height: 20px;
  width: 934px;
  float: left;
  margin-left: -3px;
}
.menuhead {
  background: url(images/menutop.png);
    color: #FFFFFF;
  height: 19px;
  width: 179px;
  padding-left: 5px;
  padding-top: 3px;
}
.menumid {
  width: 174px;
  border-left: 1px solid #B4B4B4;
  border-right: 1px solid #B4B4B4;
  background: #FFFFFF;
  margin-left: 1px;
  padding-left: 3px;
  padding-right: 3px;
}
.menufoot {
  background: url(images/menufoot.png);
  height: 16px;
  width: 187px;
  margin-left: -2px;
}
.midhead {
  background: url(images/midhead.png);
  height: 24px;
  
  width: 502px;
  padding-left: 5px;
  padding-top: 3px;
}
.midmid {
  width: 496px;
  background: #FFFFFF;
  margin-left: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
.midfoot {
  background: url(images/midfoot.png);
  height: 20px;
  width: 505px;
}
#footer {
  background: url(images/footer.png);
  height: 23px;
  width: 905px; 
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 5px;
  float: left;
}
#sidebar {
  float: left;
  width: 187px;
  margin-left: 13px;
}
#midbar {
  float: left;
  width: 505px;
  margin-left: 13px;
}
#rightbar {
  float: left;
  width: 187px;
  margin-left: 13px;
}


input {
    border: 1px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
}
textarea {
    border: 1px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
}




.ledencont {
    width:100px;
    float: left;
}
.contcont {
    width: 376px;
    float: left;
}


img { border: 0px; } 
}

Bij je css, background: url(linkje);

het is background-color: kleur;
of background-image: url (map/bestandnaam.extensie);

Je kan ook gewoon background: #kleur; of background: url(link); doen hoor.

of:

background: url(iets) #kleur;

In het geval het plaatje niet goed werkt krijg je een kleur te zien

Erik schreef:

Je kan ook gewoon background: #kleur; of background: url(link); doen hoor.

bij mij doet ie het dan nooit vaag