Text umfließend um Fotos funktioniert nicht

  • Hallo zusammen,
    ich habe ein Problem, bei dem ich alleine leider nicht weiter komme.
    Ich möchte auf einer Seite Text und Bilder platzieren. Das Ergebnis sieht dann aber nicht so aus wie auf der Vorschau im Dashboard. Statt dessen wird ein Bild entweder ans Ende der Site gestellt, oder bei zwei Bildern passen die Formatierungen nicht. Also kurzum: Es sieht nicht so aus, wie die Vorschau es darstellt. Der Textumfluss klappt nicht. Kann mir vielleicht jemand auf die Sprünge helfen?
    Hier noch zwei Fotos: die Darstellung im Dashboard und das Ergebnis......

    • 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

  • mit einem Link zur Problemstelle könnte man mal ein Blick ins CSS werfen und so evtl. eine "fertige" css-Lösung liefern.

    [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]

  • Code
    .alignright, img.alignright {
        display: inline;
        float: right;
        margin-top: 140px;
    }

    das margin-top: 140px - macht keinen Sinn, wer hat das reingebastelt?

    Auf jeden Fall solltest du ein Child-Theme nutzen, damit deine Veränderungen nach einem Theme update erhalten bleiben.

  • ok Danke, das ist schon einmal gut zu wissen, wie man schöne Textblöcke und Bilder sauber positioniert. Klasse.
    Bei mir ist es aber so, dass ich gerne ein einziges Bild und relativ viel Text habe. Da sieht es dann doch schöner aus, wenn das Bild vom Text umflossen wird, meist Du nicht?
    http://forum.wpde.org/attachments/de…uss-richtig.jpg
    Aber kann ich auch das mit "Shortcode ultimate" umsetzen? Oder sollte ich dann doch lieber mit den Blöcken arbeiten?

  • SuMu hat dir doch den passenden CSS-Code geliefert.

    [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]

  • oh, sorry, hatte ich nicht gesehen, werde ich sofort mal ausprobieren, Danke SumU und Danke Tubedesigner. Und jetzt google ich mal, was denn ein Child-Theme ist :-)

  • (...)Bei mir ist es aber so, dass ich gerne ein einziges Bild und relativ viel Text habe. Da sieht es dann doch schöner aus, wenn das Bild vom Text umflossen wird, meist Du nicht?
    http://forum.wpde.org/attachments/de…uss-richtig.jpg

    Mit Shortcode Ultimate könnte es dann auf einfach zu editierende Weise so aussehen

    Dieses Design verändert sich aber dann mit den verschiedenen Bildschirmbreiten, es wird zwar nicht (technisch) zerstört, aber im Aufbau gestört, das ist halt der Preis für die Vielfalt der Endgeräte, man kann es kaum jedem Recht machen.

    Jetzt könnte man zwar die Bildschirmbreiten abfragen und für verschiedene genau von Hand angepasste Layouts ausliefern, wäre aber für diesen Zweck hier viel zu viel Aufwand und würde massiven Eingriff in den Code bedeuten.

    Die Alternative, die ich dem Wanderfreund auch schon aufgezeigt habe, ist ein ganz simples Layout mit den rudimentären Bordmitteln von WP in vertikalen Blöcken über die ganze Breite des Anzeigecontainers, also Text, neue Zeile, Bild, neue Zeile, Text, neue Zeile etc.


    Das funktioniert dann auch mit jeder sinnvollen Anzeigebreite, die Alternative hier wäre mittels z.B. Shortcode Ultimate zwei Bilder nebeneinander zu setzen um keine größeren leeren Bereiche zu haben, das funktioniert dann ebenfalls für alle sinnvollen Anzeigebreiten zufriedenstellend, weil diese zwei horizontal nebeneinander angezeigten Bilder dann für schmale Anzeigebreiten, vertikal angeordnet werden und der Text sich fließend der Breite unabhängig von den Bildern drüber und drunter anpasst.


    Zitat

    Aber kann ich auch das mit "Shortcode ultimate" umsetzen? Oder sollte ich dann doch lieber mit den Blöcken arbeiten?

    Such Dir aus, was Dir gefällt, aber wo wir schon mal dabei sind, das Theme halte ich für eine Vereinshomepage nicht für sonderlich geeignet, die Startseite ist zu dominant und different zum Rest der Homepage, ich würde hier eher zu einem klassischen Aufbau aber modernem Design, mit Topmenü, Footermenü und einer Sidebar links mit wechselnden Inhalten (zusätzlich u.a. Menüelement) neigen und zwar von der Startseite weg.

    Einmal editiert, zuletzt von Tubedesigner (16. November 2015 um 16:17)

  • Lieber Tubedesigner, Danke für die Info. Das erste Beispiel von Dir gefällt mir schon sehr gut, aber wenn es dann auf einem Ipad oder Phone nicht mehr gut aussieht, ist auch keinem geholfen. Ich glaube ich probiere noch ein wenig aus. Ein ähnliches Theme hatte ich auf einer anderen Vereinsseite gesehen und nachgebastelt, für unsere Ansprüche finde ich es wirklich Klasse. Aber ich werde auf jeden Fall noch weiter ausprobieren.

Jetzt mitmachen!

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