Float-definition right UND left im CSS?

    Hallo,

    momentan steht bei mir im CSS, dass das Bild linksbündig "gefloatet" wird. Allerdings möchte ich die gleiche Option auch für Bilder haben, die ich rechtsbündig einsetze. Wie kann ich das im CSS verwirklichen?

    Hier die Zeilen aus dem CSS:

    #content img {
    float: left;
    margin: 5px 15px 0 0;
    border: 1px solid #e0e0d0;


    Und noch eine Frage: Welche php.Datei greift auf die CSS Definitionen zurück? Im index.php habe ich nichts gefunden.

    Danke und Grüße
    Sonja

    • 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

    Füge zunächst das zu Deiner style.css hinzu (z.B. ganz am Ende)

    #content img.right {
    float: right;
    margin: 5px 0 0 15px;
    border: 1px solid #e0e0d0;
    }

    Wenn Du jetzt ein Bild im Editor einfügst, sieht das ja zunächst so aus:

    <img src="blabla.jpg" alt="blubb" />

    und da schreibst Du jetzt noch ein class="right" rein:

    <img class="right" src="blabla.jpg" alt="blubb" />

    dann steht das Bild rechts.

    Die CSS-Datei wird in der header.php eingebunden.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden