Anzeige von Bildern im Beitrag

    Ich habe ein Problem mit der Anzeige von Bildern in einem Beitrag und konnte dazu nirgends eine Lösung finden. Es geht nicht (!) um Beitragsbilder, sondern um ganz normal in den Beitrag hinzugefügte Bilddateien. Obwohl die Einstellungen den Fehler eigentlich ausschließen müssten und ich den Code überprüft habe, macht der Text neben dem Bild (es sollte neben dem Text angezeigt werden) einfach einen Sprung und geht erst darunter weiter.
    Im Beitragseditor selbst wird allerdings alles richtig angezeigt. Egal was ich mache, auf der Website bleibt der Anzeigefehler bestehen.
    http://kitchenartistry.de/cgi-bin/wordpr…e-mandel-creme/

    Kann mir irgendjemand erklären, wie ich den Fehler behebe?

    • 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

    Setzt das Bild in einen Bild-Block, diesen stellst du auf Rechtsbündig.
    Daneben kannst du dann ganz normal Absatz-Blöcke erstellen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Zitat von Henk1060

    hm... kann sein das ich blind bin.
    mach mal einen screenshot wo was nicht sein sollte


    Dieser leere Bereich dort sollte nicht sein. Dort befindet sich kein eingestellter Absatz oder sonstwas, da müsste laut Beitragseditor überall der Text weitergehen.
    In der PC-Ansicht ist diese Lücke deutlich größer und störender. Eine riesige freie Fläche statt Text.

    Zitat von maxe

    Setzt das Bild in einen Bild-Block, diesen stellst du auf Rechtsbündig.
    Daneben kannst du dann ganz normal Absatz-Blöcke erstellen.

    Exakt diese Einstellung verwende ich grade bereits, und dennoch der Anzeigefehler, egal wie oft ichs von neuem versuche.

    Ich erkenne im Seitenquelltext aber kein wp-block-image, von daher vermute ich einen anderen Editor (kein Gutenberg) oder den Formatierungsfehler:
    denn das Bild hängt im ersten p, welcher auch noch die Class .has-drop-cap (.has-drop-cap:not(:focus):after bekommt ein clear:both) bekommt, von daher sitzt der 2. Absatz verständlicherweise drunter.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Zitat von maxe

    Ich erkenne im Seitenquelltext aber kein wp-block-image, von daher vermute ich einen anderen Editor (kein Gutenberg) oder den Formatierungsfehler:
    denn das Bild hängt im ersten p, welcher auch noch die Class .has-drop-cap (.has-drop-cap:not:)focus):after bekommt ein clear:both) bekommt, von daher sitzt der 2. Absatz verständlicherweise drunter.

    Okay, das stimmt, ich habe aufgehört den Gutenberg-Editor zu benutzen, da ich mit diesem überhaupt nicht zurechtkam. Den Beitrag habe ich mit dem klassischen (alten) Wordpress-Editor erstellt. Hast du denn eine Lösung für mich, wie ich bei diesem Editor das Problem beheben kann?

    Im Beitragseditor wird wie gesagt der Text neben dem Bild angezeigt.

    nimm das Bild aus dem ersten p oder nimm das clear:both aus dem css.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Wenn ich das p entferne verschwindet der gewünschte Absatz zwischen den Textabschnitten, aber die Lücke bleibt dennoch bestehen. Ich will sämtliche passenden Absätze von Leerzeilen getrennt neben dem Bild haben, aber so verschwindet lediglich der Absatz und die Lücke neben dem Bild bleibt bestehen. Alle Absätze sollen voneinander getrennt neben dem Bild sitzen.

    Entferne über die "Text" Ansicht des Editor das [FONT=Courier New]class="has-drop-cap"[/FONT] im ersten Absatz, das ist ein Überrest von Gutenberg und nutzt das von @maxe bereits als Ursache Deines Problems identifizierte CSS.

    Zitat von b3317133

    Entferne über die "Text" Ansicht des Editor das [FONT=Courier New]class="has-drop-cap"[/FONT] im ersten Absatz, das ist ein Überrest von Gutenberg und nutzt das von @maxe bereits als Ursache Deines Problems identifizierte CSS.

    Das habe ich bereits entfernt. In meinem letzten Beitrag habe ich ein Bild hochgeladen das zeigt, dass das die Ansicht zwar verändert, das Problem aber nicht behebt.

    Die ersten beiden Absätze sind mit Entfernen des class Attributs jetzt wie gewünscht voneinander getrennt neben dem Bild, im Gegensatz zu den Screenshots in #9.

    Die dann folgenden Absätze ab Ich sehe keinen Grund, ... stecken in weiteren Überresten von Gutenberg, in zwei verschachtelten div Containern, entferne noch diese Codeteile:

    Code
    <div class="wp-block-media-text alignwide has-media-on-the-right" style="grid-template-columns: auto 26%; text-align: left;">
<div class="wp-block-media-text__content">


... die Absätze bleiben ...


</div>
</div>

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden