Zeilenumbruch bei bild mit Unterschrift

    Ich verwebde WP 2.9.2 und Theme bp-widgetnews.

    Mein Problem:
    Bei eingefügten Bildern mit Unterschrift (z.B. Bildnachweis, wer ist wer, o.ä.) erfolgtz nach dem Bild ein Zeilenumbruch und der folegnde Text wird unter dem Bild geschrieben. align=left funktioniert irgendwie nicht.

    Bei Bild ohne Unterschrift wird der Text neben das Bild geschrieben. So soll es auch sein.

    Der Code für das Bild mit Unterschrift ist:

    PHP
    [caption id="attachment_893" align="alignleft" width="300" caption="Vorsicht Falle - Foto: Ernst Rose pixelio.de"]<a href="http://seniorenforum-wuerzburg.de/wp-content/uploads/2010/07/Falle_Ernst-Rose_pixelio.de_.jpg"><img src="http://seniorenforum-wuerzburg.de/wp-content/uploads/2010/07/Falle_Ernst-Rose_pixelio.de_-300x225.jpg" alt="" title="Falle_Ernst-Rose_pixelio.de" width="300" height="225" class="size-medium wp-image-893" /></a>[/caption]Vor kurzem passierte einem Bekannten von mir folgendes:

    Hat jemand bitte einen Tipp für mich, danke im Voraus.

    Zu sehen hier: http://seniorenforum-wuerzburg.de

    Viele Grüße
    sendet
    Herbert

    • 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

    ein paar styles koennen da helfen:

    Code
    .alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }



    am ende der style.css des themes einfuegen.

    aus irgendeinem grund ist dieses spezielle bild mit der class .left anstatt .alignleft eingesetzt:

    einfach diesen style erweitern:

    Code
    .alignleft { float:left; margin-right:10px; }



    und das .left mit einsetzen:

    Code
    .alignleft, .left { float:left; margin-right:10px; }

    Problem nun gelöst

    @ alchymyth,

    vielen Dank. Das war es dann, nun kann ich mich beruhigt wieder auf den Inhalt der Seite konzentrieren.

    Viele Grüße
    sendet
    Herbert

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden