Liste zentrieren

gurkerl · 28 August 2008

Hallo!

ich hab ein Problem beim zentrieren einer Liste:
Ich bekomme es einfach nicht hin, dass die Liste nebeneinander und zentriert angezeigt wird. Kann mir da jemand helfen, ich sehe den Wald vor lauter Bäumen nicht mehr! Danke!

lg,
Erich

Code:

HTML:

<html> 
<head> 
  <style type="text/css"> 
      div#footer { 
        font-size: 0.85em; 
        text-align: center; 
      } 
      div#footer ul.menu-footermenu, div#footer div ul.menu-footermenu li { 
        float: left; 
        text-align: center; 
    } 
  </style> 
</head> 

<body> 

<div id="footer"> 
    <div>Adressdaten</div> 
    <div> 
        <ul class="menu-footermenu"> 
            <li><a href="/de/kontakt"><span>Kontakt</span></a></li> 
            <li><a href="/de/impressum"><span>Impressum</span></a></li> 
            <li><a href="/de/loginlogout"><span>Login/Logout</span></a></li> 
        </ul> 
    </div> 
</div> 

</body> 
</html>

Loon3y · 28 August 2008

Du musst uns <ul> kein div mehr legen, du kannst ihm auch eine id oder class zuordnen und somit formatieren.

Zentrieren tust du mit margin: 0 auto;

sprich:

Code:

    <ul style="width: 30em; margin: 0 auto; background-color: #abc123; list-style: none;"> 
        <li><a href="/de/kontakt"><span>Kontakt</span></a></li> 
        <li><a href="/de/impressum"><span>Impressum</span></a></li> 
        <li><a href="/de/loginlogout"><span>Login/Logout</span></a></li> 
    </ul>

neuroleptika · 29 August 2008

Loon3y schrieb:
Zentrieren tust du mit margin: 0 auto;

margin: auto; für <ul> und float: left; für <li> ?
<li> würde am linken Rand von <ul> kleben.

Je nach Style der Liste würde ich <ul> als Blockelement belassen und <li> display: inline; geben. Dann könnten die Listeneneinträge über <ul style="text-align: center";> zentriert werden. Dann kann aber kein display: block für <a> verwendet werden.

Ohne Beispielansicht kann man da nicht viel mehr zu sagen.

Liste zentrieren

gurkerl

Neues Mitglied

Loon3y

Neues Mitglied

neuroleptika

Aktives Mitglied

Neueste Beiträge