li linear darstellen

[FroschN]

Hallo zusammen,

ich versuch mich schon seit einigen stunden an dieser Sache. Ich möchte meine Navi leiste linear darstellen wie zum Beispiel hier im Forum *Forum | Wiki | Blogs |Was ist neu? |
so ist mein code:

<div id="navi1">
     <ul> 
        <li><a href="#">eins</a></li>
        <li><a href="'">zwei</a></li>
        <li><a href="#">drei</a></li>
        <li><a href="#">vier</a></li>
        <        </ul>
 </div>

und in der CSS habe ich

#navi1 ul {
 text-align: center;
 list-style-type: none;
}
#navi1 a:link, #navi a:visited {
 text-decoration: none;
 color: #6F3;
 font-weight: bold;
 margin: 10px 0 0 0;
 padding: 0px 0px 0px 1px;
 border-left: 20px solid #580;
 background-color: #805;
 color: #F69
}

nun ist meine Frage, was muß ich in der CSS eintragen um zu ereichen das es Waagerecht angezeigt wird.
ein weiters Beispiel ist Centric Studios / What We Do

hoffe das ihr mich versteht was ich meine

viel dank schon mal im vorraus

beste Grüße
FroschN

 

[_Thor_]

Erstmal kann das div um deine ul weg, denn du gruppierst nichts und die id kannst du auch der ul direkt geben.

Um die Listenelemente nebeneinander darzustellen reicht ein

#navi1 li {float: left;}

 

[FroschN]

hallo Thor

danke für deine hilfe. werde es gleich umsetzen :)
sorry für das durcheinander aber bin neu in der thematik und habe noch keine klare struktur, hoffe das es bald sichtbarer wird

danke für deine hild und ein verständnis

gruß
froschN