[CSS] ul/li weergeeft niet juist.

De CSS

#menu{ 
background: url(http://img99.imageshack.us/img99/7582/gradient.png) no-repeat;
 height: 46px;
 margin-bottom: 29px;
 }
    #menu ul{ 
margin: 0;
 padding: 0;
 list-style: none;
 float: left; }

#menu ul li{ 
float: left; 
height: 46px;
 text-align: center;
 background: url(images/nav_tab.png) right center no-repeat;
 }
            #menu ul li a{
  padding: 15px 20px 18px 15px;
 display: block;
 text-decoration: none; color: #FFF; font-weight: bold;
 }
            #menu ul li a:hover{
 color: #444444; 
}

Maar hij geeft het niet goed weer? Hij geeft het op een zeer rare mannieer weer.

http://mrmitchel.s3.one2xs.com/layout/sander.php

Wat wil je nou dat er moet gebeuren? ...

Dat het weergeeft zoals ik het wil zoals het in de CSS staat ?

Verklaar raar???

Je css is trouwens heel scheef
toevoeging op 9 april 2012, 1915:
En je html ook...

Ik ben nog bezig, als je goed kijkt naar de code en de link in Startpost zir je dat er iets niet klopt eah.

Wij kunnen toch niet weten wat jij wilt? Er is niks raars aan wat er nu staat.

Het menu zou in 5 vakjes naast elkaar moeten staan en de juist ekleuren moeten hebben zoals er in de css staat?

toevoeging op 9 april 2012, 19:56:53:
Er staat als bg een image, zie jij die?

--

Heb hem gevonden, maak dit van je css:

body{
background-image: url(../images/bg.png);
background-repeat: repeat;
background-color: #F4F4F4;
background-attachment:fixed;
margin: 0;
border: 0;
padding: 0;
}
.top {
background: url(http://img825.imageshack.us/img825/7582/gradient.png);
width: 50%;
height: 30px;
margin: 0;
margin-right: auto;
margin-left: auto;
margin-top:5px;
text-align:center;
text-size:14px;
font-size:120%;
border: 2px solid #444444;
border-right:2px solid #444444;
border-bottom:2px solid #444444;
font-family: Arial, Helvetica, sans-serif;
border-radius: 5px;
line-height:middle;
text-decoration: none;
}
#container{
width: 955px;
height: 800px
    margin: 0;
margin-right: auto;
margin-left: auto;
margin-top:5px;
    background-color: #FFFFFF;
    }
#container .header .desc {
margin-top: 15px;
margin-left: 35px;
float: left;
border: 0;
padding: 0;
}
#container .header{
background: url("/images/tijdelijke_header.jpg");
width: 955px;
height: 200px;
margin: 0;
margin-right: auto;
margin-left: auto;
border: 1px solid #444444;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
border-radius: 0px;
}
#menu{ 
background: url(http://img99.imageshack.us/img99/7582/gradient.png) no-repeat;
 height: 46px;
 margin-bottom: 29px;
 }
    #menu ul{ 
margin: 0;
 padding: 0;
 list-style: none;
 float: left; }

#menu ul li{ 
float: left; 
height: 46px;
 text-align: center;
 background: url(images/nav_tab.png) right center no-repeat;
 }
            #menu ul li a{
  padding: 15px 20px 18px 15px;
 display: block;
 text-decoration: none; color: #FFF; font-weight: bold;
 }
            #menu ul li a:hover{
 color: #444444; 
}

Bedankt, als je nu kijkt staat het nog scheef, maar ik moet de witdh etc nog aanpassen .

Kan ej ook even zeggen wat ik mis had gedaan?

Simpel gevalletje niet afsluiten. Als je een fatsoenlijke editor had, had je de fout makkelijk kunnen zien, zoals hier:

Guillamos schreef:

Simpel gevalletje niet afsluiten. Als je een fatsoenlijke editor had, had je de fout makkelijk kunnen zien, zoals hier:
Afbeelding

Ik gebruik DirectAdmin. Ojaah ik zie het

Sanderc schreef:

Eerdere citaten tonen

Guillamos schreef:

Simpel gevalletje niet afsluiten. Als je een fatsoenlijke editor had, had je de fout makkelijk kunnen zien, zoals hier:

Afbeelding

Ik gebruik DirectAdmin. Ojaah ik zie het

Directadmin kan handig zijn bij het snel editen van kleine bestanden, maar werk aub met een echte editor als je veel moet scripten.

Wat is een echte editor?