Problem mit IMG Padding

    Ich habe auf meinem Blog mehrere Beiträge, wo ich rechts Bilder mit einfüge. Zwischen Text und Bild soll ein geringer Abstand bestehen bleiben. Hab im CSS das entsprechend eingefügt:

    PHP
    .postentry img {
        border: 0px solid #edf2ff;
        padding: 0px 0px 0px 10px;
        }

    Wenn ich jetzt aber ein Bild linksbündig einfüge, ist links auch dieser Abstand. Da soll er aber natürlich nicht sein. Wie bekomme ich das hin, dass der Abstand nur existiert, wenn ich ein Bild rechtsbündig bzw. rechts von einem Text einfüge?

    Hier mein Blog: Matze Live Website

    Mathias

    • 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

    Da du mit Wysiwyg und align arbeitest wird das nichts du solltest für die rechten Bilder eine Klasse verwenden dann das in die CSS:

    HTML
    .postentry img.rightimg {
        border: 0px solid #edf2ff;
        margin: 0px 0px 0px 10px;
float:right;
        }


    align raushauen, so sollte das HTML-Seitig aussehen:

    HTML

    <img src="..." class="rightimg" width="..." height="..." />

    Hab's mit eingefügt. Nur das "align"-Tag muss ich drin lassen, das erkennt er aus dem CSS merkwürdigerweise nicht. Aber sonst funktioniert's wunderbar, dank dir! :)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden