Bilder im Beitrag unter- und nicht nebeneinander?!

    Ich hoffe, daß ich hier mit meinem Problem richtig bin...

    Ich bin noch recht neu und wurschtel mich noch durch die ganzen Funktionen durch - aber zu diesem Problem habe ich nichts finden können:

    Wenn ich in einem Beitrag Bilder einfüge, erscheinen die untereinander (siehe hier die Sterne am Ende des Beitrags):
    http://www.kastanies-leseecke.de/?p=61

    Auch wenn ich einen Smilie an das Ende eines Satzes setze, erscheint es dann unter dem Satz und nicht wie gewollt hinter dem letzten Wort.
    Ich weiß wirklich nicht, woran das liegt, es steht auch nirgendwo ein < /br> oder ähnlich im Quelltext, daß das erklären könnte.

    Gibt es dazu vielleicht ein Plugin, was mir auch noch mehr Möglichkeit in der Beitragsgestaltung gibt (z.B. neben oder um Bilder herum schreiben etc.?)

    Vielen Dank für Eure Hilfe!

    Liebe Grüße
    Kerstin

    • 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

    Hallo Kerstin,

    wenn du ein Bild in einen Wordpress Beitrag einfügst, dann hast du die Möglichkeit die "Ausrichtung" des Bildes zu bestimmen. Wenn du hier nichts angibst, dann sind die Bilder untereinander. Du hast aber auch die Möglichkeit hier links, rechts oder zentriert anzugeben. Je nachdem fließt auch der Text um die Bilder. Gib den Bildern einfach mal als Ausrichtung "links". Dann wirst du sehen was passiert.

    VG
    Philip

    Erst einmal danke für die prompten Antworten :)

    Zitat von flipps

    Wenn du hier nichts angibst, dann sind die Bilder untereinander. Du hast aber auch die Möglichkeit hier links, rechts oder zentriert anzugeben.


    Hm, das haut auch nicht so wirklich hin. Bei links sind die Sterne vor dem Text, bei rechts ganz am rechten Rand (dazu weit auseinandergezogen) und bei zentriert untendrunter :(

    Zitat von Melewo

    Normalerweise ergibt sich das in HTML durch die Verwendung von CSS.

    HTML
    style="float: Richtung und margin: Abstände"


    Wo muß ich das eingeben? Beim Theme? Jedenfalls ändert sich leider nix...:-?

    Zitat von Kastanie

    Wo muß ich das eingeben? Beim Theme?


    Im Editor, wo denn sonst?

    Verstehe gerade nicht, was Du Dir da zusammen wurschtelst. Gerade noch einen kleinen Test gemacht. Bei mir wird alles nebeneinander ausgerichtet, egal ob ich es wie von Philip beschrieben per Button im WP-Editor ausrichte, wobei der Quelltext im Editor dann etwa so aussehen sollte:

    Code
    [caption id="attachment_229" align="alignleft" width="96"]<a href="http://www.example.com/wp-content/uploads/2013/08/bild-001.jpg"><img class="size-full wp-image-229" alt="Erstes Bild" src="http://www.example.com/wp-content/uploads/2013/08/bild-001.jpg" width="96" height="72" /></a> Erstes Bild[/caption]


[caption id="attachment_230" align="alignleft" width="96"]<a href="http://www.example.com/wp-content/uploads/2013/08/bild-002.jpg"><img class="size-full wp-image-230" alt="Zweites Bild" src="http://www.example.com/wp-content/uploads/2013/08/bild-002.jpg" width="96" height="72" /></a> Zweites Bild[/caption]

    Oder ob ich CSS innerhalb des Image-Tags notiere:

    HTML
    <img style="float: left; margin: 5px 15px 5px 0px; border-style: none;" alt="Erstes Bild" src="http://www.example.com/wp-content/uploads/2013/08/bild-001.jpg" width="96" height="72" />


<img style="float: left; margin: 5px 15px 5px 0px; border-style: none;" alt="Zweites Bild" src="http://www.example.com/wp-content/uploads/2013/08/bild-002.jpg" width="96" height="72" />


<hr style="clear: both;" />

    Die Reihenfolge bei margin ist top right bottom left.

    Gerade in Deinen Quelltext geschaut, zum Ausrichten hast Du bisher weder die eine noch die andere Variante benutzt, sonst würde da nicht noch alignnone stehen. Oder verstehe ich etwas nicht?

    HTML
    <img class="alignnone" alt="" src="...
    Zitat von Melewo

    Gerade in Deinen Quelltext geschaut, zum Ausrichten hast Du bisher weder die eine noch die andere Variante benutzt, sonst würde da nicht noch alignnone stehen. Oder verstehe ich etwas nicht?

    HTML
    <img class="alignnone" alt="" src="...

    So ist es. Du musst die Sterne in eine neue Zeile setzen. Im Quellcode sind die Sterne dann im <p></p>. Dann verrutscht da nichts in den Text.

    VG
    Philip

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden