Image in <div> statt <p> bauen

  • Hallo,

    ich habe ein Problem mit dem Anzeigen der Bilder in meinen Posts.
    Wenn ich ein Bild auswähle, dann sage dass der Text rechts herum fließen soll macht er dass auch, aber nur bis zu dem Punkt wo ich mehr als nen Zeilenumbruch nehme, sobald ein Absatz kommt macht er diesen UNTER das Bild.
    Ich habe mir mal die Aufteilung der Seite angeschaut, und so wie ich sehe liegt es wohl daran, dass das Bild in ein <p> </p> geschachtelt wird, würde es in ein <div></div> geschachtelt werden würde das mit dem umfließen klappen.

    Meine Frage nun : WIE?? :)

    Noch zur Info: Nutze die aktuellste WP Version und arbeite mit der Theme "Christmas Day 1".

    • 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

  • schau dir den Quelltext an und stelle fest, mit welcher class deine Bilder formatiert werden. Dann suche die css-Angaben zu dieser class in der styles.css und ändere sie so, dass die Bilder nach deinen Wünschen angezeigt werden.

  • ja, auf die Idee bin ich auch schon gekommen, das Problem ist doch aber dass es bei Absätzen nicht funktioniert, weil ein Absatz geht ja immer über die ganze Zeile (oder liege ich da falsch).

    So sieht der Code aus:

    Code
    <div class="PostContent">
    <p><a href="http://localhost/fp/wp-content/uploads/2009/08/P1010180.JPG"><img class="alignright size-medium wp-image-28" title="Frankengestein" src="http://localhost/fp/wp-content/uploads/2009/08/P1010180-225x300.jpg" alt="Frankengestein" width="225" height="300" /></a>Start: Beringersmühle Rotes Kreuz bis Tüchersfeld</p>
    <p>Grüner Punkt Von Tüchersfeld über Kleinlesau und Zaupenberg bis Neumühle</p>
    <p>Pferdsloch (kleiner Abzweig, kleine Höhle)</p>
    <p>Neumühle schöner Ausblick auf Burg-Rabenstein (man kann auch rüber laufen)</p>
    <p>Blaues Kreuz bis Behringers mühle</p>
    <p>sehr schöner weg, blick auf Burg Rabenstein</p>
    <p>an der Ailsbach lang durch Oberailsfeld bis Unterailsfeld</p>
    <p>am Ende des Weges Kneipbad, gut für geschundene Füße</p>

    Wie man sieht, wird das Bild leider automatisch in einen eigenen Absatz gepackt, diesen kann ich doch aber nicht seperat ansprechen, oder doch?
    Das Bild selber hat zur Zeit float:right/left Eigenschaften. Das funktioniert dann aber eben nur solange der Text im ersten Absatz ist....
    Kann mir irgendjemand genau sagen was ich machen muss?

  • Da ist die class "alignright" angegeben:

    Code
    img class="alignright


    Die Angabe sollte in deiner styles.css stehen: .alignright
    wenn nicht, dann musst du sie eintragen.

  • schon klar...das hatte ich doch oben geschrieben....

    Code
    .PostContent img.alignright {style.css (Linie 212)
    float:right;
    margin-left:10px;
    }

    Aaaaaber das Problem ist doch dass sich das NICHT bei Absätzen (<p></p>) durchsetzt, oder doch?!? Zumindest bei mir klappts net...

  • Gott ist das peinlich....
    es lag natürlich (wie ich ja eigentlich selber erkannt hatte :D) an den Absätzen...da stand noch (warum auch immer) ein float:left drin... das hat alles durcheinander gebracht!

    danke für die hilfe beim denken :D

Jetzt mitmachen!

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