Floating um Bild funktioniert nicht

  • Hallo Zusammen,

    ich bekomme mein Bild in dem Beitrag auf http://xn--hundefhrerschein-sachkundenachweis-gtd.de/ nicht umflossen.
    Beim Durchsuchen des Forums tauchte der Tipp auf, dass wohl manchmal folgende zuweisungen in der style.css nicht existieren:

    .alignleft, .left {
    float: left;
    margin-right: 15px;
    }
    .alignright, .right {
    float: right;
    margin-left: 15px;
    }
    .aligncenter, .center {
    display: block;
    margin: 0 auto 20px auto;


    Diese habe ich hinzugefügt, dennoch gleiches Ergebnis: Im Editor sieht alles super aus, richtig im Browser dann nicht mehr.

    Hat jemand Tipps?

    • 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 liegt daran, dass das Bild in einem eigenen <p>BILD</p> steht und dann der Beitragstext auch wieder <p>TEXT</p>.
    Dann kann der Text das Bild nicht umfließen.

  • Ich vermute, dass dieses von einem in WordPress eingebauten Automatismus, der sich 'wpautop' (zu Deutsch: automatisches einfügen von p-Tags) nennt, verursacht wird. Dabei werden Zeilenumbrüche im Code von WP erkannt und automatisch von einem <p></p> umschlossen. Im Forum sind einige diesbezüglichen Fragen und Problemen vorhanden.
    Als erstes solltest du versuchen im (Text) Bearbeitungsmodus deiner Seite den Quellcode so zu bearbeiten, dass keine Zeilenumbrüche oder unnötige Leerzeichen zwischen dem Bild und dem zugehörigen Text sind. Und, wenn das nicht wirkt, vielleicht manuell einen Absatz einfügen - etwa so
    <p>[Bild]Text Text Text</p>
    Ansonsten nochmal einen neuen Thread hier im Forum erstellen und nachfragen, ob jemand eine zuverlässige Methode kennt dieses wpautop zu umgehen.

  • Wurde das Problem gelöst? Ich sehe, dass Bilder umschlossen werden.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

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