Listen Inhalt zentrieren

[!Florian]

Hi,
wie zentriere ich den Inhalt einer Liste und wie weiße ich den einzelnen Listenelementen (li) eine bestimmte Breite zu ? (ul) Die Liste ist horizental angeordnet ...

Hier die Liste zum besseren Verständnis

<div class="navi">
  <ul class="navi">
    <li class="navi"><a href="index.php" class="navi">Home</a></li> 
    <li class="navi"><a href="about.php" class="navi">About</a></li>
    <li class="navi"><a href="project.php" class="navi">Projekte</a></li>
    <li class="navi"><a href="blog.php" class="navi">Blog</a></li>
  </ul>          
</div>

MfG
Florian

 

[threadi]

Beides wird mit CSS gemacht. Was Du suchst sind die Eigenschaften margin und width. Speziell zu horizontal zentrierten Listen gibt es jedoch einige Besonderheiten zu beachten, die z.B. schon hier beschrieben werden:
http://www.html.de/css/39065-horizo...tioniert-fuer-alle-browser-ausser-dem-ie.html
http://www.html.de/css/44588-horizontales-menue-mit-unterpunkten.html

Moderation: Verschoben von HTML zu CSS.

 

[!Florian]

Ok, und wie kann ich die Breite Ändern. da es offenbar nicht einfach mit width zu scheinen geht ...
Nicht das es zu Missverständnissen kommt, ich meine die Breite der Listenpunkten (li)

 

[threadi]

Die Breite wirkt nur auf Blockelemente. Mach <li> zu einem solchen per "display: block;".

 

[!Florian]

Dann habe ich allerdings das Problem das die Punkte wieder untereinander angeordnet sind. Ich möchte die aber gern horizontal anordnen.

 

[threadi]

Dann musst Du sie zusätzlich noch floaten:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

 

[!Florian]

Dann is durch float:right den Navi umgekehrt, was nun nicht weiter tragisch ist das is c&p. Aber das ganze lässt sich nun nicht mehr durch margin-left:auto & margin-right:auto mittig positionieren ...

 

[threadi]

Deswegen ja auch mein Hinweis auf o.g. Themen wo die Problematik von horizontal zentrierten Menüs bereits beschrieben wurde.