[CSS] <UL> zentrieren

Dieses Thema im Forum "Webdesign" wurde erstellt von b-xXx, 13. Juli 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 13. Juli 2009
    <UL> zentrieren

    hey leute, hab das prob:
    habe eine navi gebaut, die aus ul und li's aufgebaut ist.

    allgemein, wie man die zentriert weiß ich ja, aber geht, dass auch ohne feste breite anzugeben?.. weil die navi sich dynamisch anpasst.

    gäste sehen weniger navi punkte und registrierte user mehr etc.

    DANKE
     
  3. 13. Juli 2009
    AW: <UL> zentrieren

    Du kannst einfach mit CSS arbeiten:
    <style>
    ul { margin: auto; }
    li { text-align:left; }
    </style>
    Alternativ dazu kannst du natürlich auch sowas machen
    <ul style="margin:auto;">...

    Oder du packst einfach ein <div style="margin: auto;"> um dein ul / il Zeug </div>.

    Wenns nicht klappt, einfach nochmal melden
     
  4. 13. Juli 2009
    AW: <UL> zentrieren

    jo das hab ich schon versucht, aber dann hat ich links einen größeren abstand als rechts.
     
  5. 13. Juli 2009
    AW: <UL> zentrieren

    Ja dann musst du einfach noch mit margin-left bzw. margin-right arbeiten..
    style="margin-right: Xpx; margin-left: Xpx"

    Je nachdem was du vor hast, kannst du natürlich auch padding statt margin benutzen.
     
  6. 13. Juli 2009
    AW: <UL> zentrieren

    Du kannst das ganze ja auch positionieren, relativ zum Vaterobjekt:

    Code:
    position:relative;
left:; 
right:;
top:;
bottom:;
     
  7. 13. Juli 2009
    AW: <UL> zentrieren

    naja aber dann bleibst doch nicht dynamisch oder?

    da sich ja die breite der navi ändern kann.
     
  8. 13. Juli 2009
    AW: <UL> zentrieren

    alles schwachsinn, denn ein ul-element ist ein block-element und block-elemente haben die eigenschaft immer die maximale verfügbare breite einzunehmen.

    vergleich:
    HTML:
    <div style="text-align:center;"><div style="text-align:left;">Ich bin nicht in der mitte, weil ich 100%-breite einnehme :(</div></div>
    die einzige möglichkeit ist, dem ul-element eine feste breite zu geben und dann "margin: 0 auto" zu verwenden.

    check doch einfach wie breit das ul-element sein soll für gäste und member und vergib entsprechend klassen.

    wenn du umbedingt ein menu haben willst, mit dynamischer breite (je nach items), dann wirst du wohl ne table nehmen müssen.
     
  9. 13. Juli 2009
    AW: <UL> zentrieren

    hm das dachte ich mir schon... verdammt -.- ...
    danke murdoc. nuja muss ihs halt mit table machen
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.