CSS Bild einfügen bzw überlappen und anpassen

  • [Blockierte Grafik: https://www.bilder-upload.eu/thumb/2163cc-1585847289.jpg]

    Hallo Community,

    Ich brauche so eine Lösung mit CSS und hoffe, dass Ihr mir da helfen könnt.

    Ich habe in Wordpress (Jupiter) eine Row mit 2 Bereichen.
    Links steht reiner Text
    und rechts soll z.B. ein Hintergrund-Foto abgespeichert sein welches sich unterschiedlich hohen und breiten Browserfenstern anpasst

    __

    Ich habe nun eine weitere Grafik, ein gelbes Dreieck ( dreieck.png )

    Mit CSS will ich dieses Dreieck in der rechten Row
    1) linksbündig
    2) und von der Höhe immer mittig angezeigt haben.

    ___

    Hintergrund, dass selbst ein DAU versteht, dass der Text zum rechten Foto gehört.
    Da ich das in vielen Seiten mehrfach verwenden möchte, möchte ich nicht unzählige Hintergrund-Foto einzeln in Ps/Canva bearbeiten. Auch können bei z.B. schmalen Browser-Fenstern Ränder abgedeckt werden (und damit auch ein im Foto eingezeichnetes Dreieck), was ich vermeiden will.

    Ich hoffe, dass einer die Lösung dafür hat und danke euch schon mal für konstruktive Beiträge ))

    • 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

Jetzt mitmachen!

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