Positionierungsproblem

  • Das ist klar, denn bei dir steht line-height beim <p>. Wenn wp jetzt kein p mehr automatisch einfügt, musst du das <p> entweder manuell im Text einfügen oder das CSS ändern, dass es nicht nur bei p gilt, sondern z.B. bei #primary .primary

    Zum Abstand beim Bild: An 3ter Stelle bei margin einfügen...

    Code
    #primary .primary img {style.[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css"]css[/URL] (Linie 595)
    float:left;
    height:auto;
    margin:2em 0.4em [COLOR=Red]0[/COLOR] 0;
    width:50%;
    }
    • 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

  • Das ist klar, denn bei dir steht line-height beim <p>. Wenn wp jetzt kein p mehr automatisch einfügt, musst du das <p> entweder manuell im Text einfügen oder das CSS ändern, dass es nicht nur bei p gilt, sondern z.B. bei #primary .primary

    Zum Abstand beim Bild: An 3ter Stelle bei margin einfügen...

    Code
    #primary .primary img {style.[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css"]css[/URL] (Linie 595)
    float:left;
    height:auto;
    margin:2em 0.4em [COLOR=Red]0[/COLOR] 0;
    width:50%;
    }


    Stimmt, das Problem mit "line-height" habe ich jetzt hinbekommen. Das Problem mit dem Abstand allerdings nicht. Wenn ich deine Lösung übernehme, bekommt das Bild ja einen größeren Abstand nach unten. Wenn der Text also länger ist, als das Bild, sieht es komisch aus. Ich zeig das mal anhand eines Beispiels:
    - Beispiel 1: die Abstände stimmen überall.
    - Beispiel 2: der Abstand nach oben von #primary .primary .details wird nicht berücksichtigt.

    Current Work: Erstellen meines ersten WordpressTheme

  • Ich würde es mal versuchen mit:

    Code
    #primary .inside {
         margin-bottom: 10px;
    }


    Funktioniert leider auch nicht...das kann doch nicht sein?!
    Ich lass den Text jetzt unterhalb vom Bild anzeigen...vielen Dank für die tolle Hilfe!

    Current Work: Erstellen meines ersten WordpressTheme

    Einmal editiert, zuletzt von Blogga (20. April 2009 um 16:53)

  • Ich reihe mich mal ein, in die Frage zu Bildausrichtungen. Ist ein wichtiges Thema, finde ich. Bilder müssen schon ordentlich im Text stehen. Klar, Web ist kein Layoutprogramm, aber ein bisserl kann man schon dran arbeiten. Meine Frage:

    In meiner lokalen Test-Seite stehen z.B. Bilder mit 120px Breite links neben einem Absatz. Die grobe Ausrichtung habe ich über das Stylesheet von K2 gemacht. Nun kommt es ja laufend vor, dass Text zu kurz ist und eine Zeile des nächsten Absatzes mit Headline in den Bereich des Bildes läuft. Ein Padding/Margin mit einer manuellen Angabe würde den nächsten Absatz mit Headline nach unten verdrängen. Oder gerade eine Zeile umbricht hässlich unter das Bild. Auch hier würde eine Verdrängung helfen. Heisst auch, das Bild steht wie in einer Marginalspalte, Bild, Bildunterschrift und Platz bis zum Absatzende.

    Bei WP kann man nun beim Bilder einsetzen bei erweitert ja Margins angeben. Immer nur komplett, aber einen kann man ja löschen. Allerdings macht WP den Margin um das Bild. Ein Margin mit 100px verdrängt also die Bildunterschrift mit 100px vom Bild. Das ist ja Quatsch :-) Wir wollen dem ganzen Kasten, Bild und Unterzeile einen unteren Margin geben. Hier der Code aus der Seite:

    Code
    [caption id="attachment_408" align="alignleft" width="120" caption="Netzwerk"]<img class="size-full wp-image-408" title="Netzwerk" src="[URL]http://www.meinedomain.com/wp-content/uploads/netzwerk.jpg[/URL]" alt="Netzwerk" width="120" height="90" />[/caption]

    Wie füge ich einen manuellen Abstand unten ein, ohne dass sich die Bildunterschrift vom Bild entfernt?

    Danke, Wolf

    Fuffzehn Mann auf des toten Manns Kiste, ho ho ho und 'ne Buddel mit Rum!

  • Margin von 100 px bezieht sich tatsächlich auf das Bild, daher wird bei vorhandener Bildunterschrift der Rahmen größer. Wenn Du den Abstand um den Rahmen möchtest, musst du den margin nicht für das Bild vergeben, sondern für die CSS-Klasse caption.
    Dafür musst du mal in die style.css deines Themes schauen.

    Andere Möglichkeiten wären: Das Bild und den Text in getrennte Divs setzen oder ein <br style="clear:both;"> nach dem Absatz um zu verhindern, dass der nächste Absatz mit reinläuft.
    In deinem Fall könnte man das am besten in die index.php reinbauen, so dass das bei jedem Post ans Ende kommt.

Jetzt mitmachen!

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