Wortabstand bei <li> ?

[Ivory]

Hallo CSS-hilfe.de



Ich habe ein Problem bei meiner <li>. Alle wörter werden nebeneinander geschrieben
Mit word-spacing: 10px; klapt es bei mir nicht richtig.. Es werden nur abstände in einer <li> ... </li> ~gegeben.
zwischen den einzeln <li>'s ist abstand gleich 0

Link: http://www.oldskool.v-gn.de/us/


Und gleich eine kleine frage hinzu, warum werde die Listen umgekehrt?
Eigentlich ist in der liste das 1. FORUM, doch es wird ganz umgedreht (?) weiß jemand wieso?

[Laus]

Hallo

Versuchs mal so: im CSS

Code: Alles auswählen

#navigation{
   height:16px;
   border-top:3px solid #1EC636;
   text-decoration:none;
   font-weight:bold;
   font-size:11px;
   background:black;
   color:white;
   text-align:right;
   padding-right:0px;

}
ul#navi  {white-space: nowrap;}
#navi li{
         display: inline;
         list-style-type: none;
}
#navi li a{
        margin-right:5px;
   width:100%;
   background:#000000;
   color:#FFFFFF;
   text-decoration:none;

}
#navi li a:hover,#navi li#active a{
   background:#1EC636;
   color:#white;
}

Und im HTML

Code: Alles auswählen

<div id="navigation">
<ul id="navi">
<li><a href="http://www.oldskool.v-gn.de/urbansouls/">FORUM</a></li>
   <li><a href="#">START</a></li>
   <li><a href="#">NEUES</a></li>
   <li><a href="#">EVENTE</a></li>
   <li><a href="#">LEUTE</a></li>
   <li><a href="#">SPOTS L.E.</a></li>
   <li><a href="#">WORKSHOPS</a></li>
   <li><a href="#">UNSERE HALLE</a></li>
   <li><a href="#">LINKS</a></li>

</ul></div>

Gruß Xaver

[Ivory]

Es funktioniert! Wow, bin echt erstaunt
Vielen Dank !! Langsam schulde ich dir was