ubuntuusers.de

Bildüberlagerung in HTML

Status: Ungelöst | Ubuntu-Version: Ubuntu 22.04 (Jammy Jellyfish)
Antworten |

tomovic

Avatar von tomovic

Anmeldungsdatum:
25. August 2013

Beiträge: 231

hallo, ich baue gerade eine htmlseite...

Bild1.jpg hat eine z.b. Lanschaft. Bild2.jpg hat ein schwarzes Dreick

Jetzt möchte ich gerne dass das schwarze Dreick mitten in der Landschaft steht.

wie mache ich das, nach was muss ich googlen?

Bearbeitet von Thomas_Do:

Titel korrigiert.

rklm Team-Icon

Projektleitung

Anmeldungsdatum:
16. Oktober 2011

Beiträge: 13075

Du brauchst einen transparenten Hintergrund in dem Dreiecksbild (Alpha-Kanal).

micneu

Avatar von micneu

Anmeldungsdatum:
19. Januar 2021

Beiträge: 554

Wohnort: Hamburg

Mein Ansatz währe css

tomovic

(Themenstarter)
Avatar von tomovic

Anmeldungsdatum:
25. August 2013

Beiträge: 231

css und weiter ☺ nach was soll ich google? kannst du mir ein Beispiel machen?

micneu

Avatar von micneu

Anmeldungsdatum:
19. Januar 2021

Beiträge: 554

Wohnort: Hamburg

Ich würde einfach googeln nach begriffen die was damit zu tun haben und css.

CarstenHa

Avatar von CarstenHa

Anmeldungsdatum:
1. Mai 2020

Beiträge: 131

Schau mal im Wiki von selfhtml nach. Die haben viele Beispiele mit sehr guten Erklärungen dazu:

https://wiki.selfhtml.org/wiki/Bilder_im_Internet/Bildwechsler

Gruß

Carsten

tshe

Anmeldungsdatum:
28. Juli 2023

Beiträge: 84

Je nach Verwendungszweck und Nutzung:

Option #1: In Bildbearbeitungsprogramm Dreieck über die Landschaft legen und als 1 Bild einbinden - dürfte für dich am einfachsten sein.

Option #2: Wie die anderen erwähnt haben: Dreieck als PNG per CSS drüber legen, z.B. position - absolute.

HTML: z.B. in 1 DIV-Container HTML-Code > https://www.w3schools.com/tags/tag_div.ASP im

CSS: mit "position" und "margin" rumprobieren, bis es passt | https://www.w3schools.com/cssref/pr_class_position.php | https://www.w3schools.com/cssref/pr_margin.php

Viele Wege führen nach Rom 😉

Antworten |