HTML/CSS Kasten im Hintergund und Text im Vordergrund?

Hallo ich würde gerne ein Kasten(wie Im Bild) haben und ein Text der darüber steht. wie geht das?

mfg Toni

Answer 1

[threadi]

Stichwort Hintergrundbild:
https://developer.mozilla.org/de/docs/Web/CSS/background-image

Eine Variante um Text darüber zu platzieren:
https://www.selbekk.io/blog/2019/06/how-to-overlay-your-background-images/

Noch eine:
https://stackoverflow.com/questions/24103068/html-css-text-overlay-on-a-background-image

Musst Du in jedem Fall an deine Grafik und Texte anpassen. Fertig gibt es so etwas für genau den Fall den Du hast nicht. Aber wie man sieht viele Methoden um das zu lösen.

Woher ich das weiß: Berufserfahrung

Comments

[NackterGerd]

Das ist aber sehr umständlich und nicht nach HTML5 und CSS3 Standard

Answer 2

[NackterGerd]

So einen Kasten nennt man Container.

Einen Container legt man als <div> an

Alle Elemente die dann in diesem Container angezeigt werden sollen kommen in den Container.

Der Div bekommt eine Klasse und in der CSS setzt du dann die Hintergrundfarbe

Answer 3

[Cassandre69]

Mit css geht das problemlos.

Comments

[BwIok]

und wie?

[codinghelp]

@BwIok

www.google.com/search?q=html+text+over+picture

[NackterGerd]

@BwIok

Hast du dir denn schon mal angeschaut wie HTML funktioniert?

Hier siehst du wie du einfach die Hinterdrundfarbe oder gar Hintergeund Bilder einfügt

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image