Automatischer Wortabstand?

    Mahlzeit!

    Habs endlich geschafft die Kategorien horizontal zu positionieren. So weit ganz gut. Nur warum verändert sich der Wortabstand automatisch immer mehr, wenn ich den Text/Container immer weiter nach links setze???

    Eingebunden ist das Ganze so:

    PHP
    <div id="pagenav2"><ul><?php wp_list_categories('title_li=0'); ?></ul></div>

    Die CSS dazu:

    Code
    #pagenav2 ul li{
        font-family: "georgia";
        font-size: 12px;
    font-weight: lighter;
    display: inline; 
        margin-left: 90px;
}

    Vllt. weiß jemand warum das so ist?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Hast nen Link wo man sich das ansehen kann? Erraten lässt sich das nur schwer. Zudem ist mir (persönlich) im Moment nicht klar, was Du mit Text/Container meinst. Vielleicht den Contentbereich? Dann würde ich mal auf text-align: justify tippen.

    Aus den Forenregeln:

    Zitat

    (II) Was in einen Beitrag gehört

    Folgende Daten sind meist sehr wichtig und sollten von dir im Beitrag genannt werden:
    - Adresse zum Blog (URL)
    - ...

    Der Abstand entsteht durch die 90px in

    Code
    #pagenav2 ul li{
        font-family: "georgia";
        font-size: 12px;
	font-weight: lighter;
	display: inline; 
        margin-left: 90px;
}

    , die Du bei jedem Listenpunkt anhängst.

    Wie soll es denn aussehen?

    Einmal editiert, zuletzt von mfitzen (5. Februar 2010 um 12:28)

    Ah verstehe. Also steht das margin-left: 90px; für jeden Kategorieeintrag in dem Falle?

    Aussehen soll es schon zentriert, aber den Abstand möchte ich schon selber definieren. Nicht so breit gezogen wie jetzt es noch ist.

    Ja, Du wendest es ja auf #pagenav2 ul li an (li = list item = Listeneintrag). Du müsstest dann wohl eher versuchen #pagenav2 im Layout zu zentrieren.

    Danke für den Gedankenanstoss ;) :D

    Hab es jetzt so hinbekommen wie ich es will mit:

    Code
    #pagenav2 ul li{
        font-family: "georgia";
        font-size: 12px;
        font-weight: lighter;
        display: inline;
        position: relative;
        width: 854px;
        height: 40px;
        left: 215px;
        margin-left: 20px;

    Wichtig waren in diesem Fall der Befehl position und left. Danke nochmal :D

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden