bg-image mit Innenabstand?

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Post Reply
manu
Posts: 1090
Joined: Wed Jun 04, 2008 12:05 pm
Location: St. Gallen - Schweiz
Contact:

bg-image mit Innenabstand?

Post by manu » Fri Jan 24, 2020 11:40 am

Das schütteln die CSS Cracks wohl aus dem Handgelenk:
Wie mache ich bei einem div ein bg-image mit Innenabstand/padding? Nur mit CSS und ohne zweites Div?

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: bg-image mit Innenabstand?

Post by frase » Fri Jan 24, 2020 11:47 am

manu wrote:
Fri Jan 24, 2020 11:40 am
Wie mache ich bei einem div ein bg-image mit Innenabstand/padding? Nur mit CSS und ohne zweites Div?
Das hängt vom Einzelfall ab.
Und es gibt verschiedene Möglichkeiten.
Die einfachste Methode:
Du deklariertst den DIV als content-box und gibst dann ein Padding.
Siehe hier: 3. Beispiel

Weitere Möglichkeiten

Tata
Posts: 3587
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: bg-image mit Innenabstand?

Post by Tata » Fri Jan 24, 2020 11:52 am

Gany theoretish (nicht getestet):
1. background-size einstellen
2. background-position kalkulieren und
3. background-position: bottom 1rem right 1rem;
Wie wäre es dann mit Responsivität, keine Ahnung.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

manu
Posts: 1090
Joined: Wed Jun 04, 2008 12:05 pm
Location: St. Gallen - Schweiz
Contact:

Re: bg-image mit Innenabstand?

Post by manu » Fri Jan 24, 2020 5:04 pm

frase wrote:
Fri Jan 24, 2020 11:47 am
manu wrote:
Fri Jan 24, 2020 11:40 am
Wie mache ich bei einem div ein bg-image mit Innenabstand/padding? Nur mit CSS und ohne zweites Div?
Das hängt vom Einzelfall ab.
Und es gibt verschiedene Möglichkeiten.
Die einfachste Methode:
Du deklariertst den DIV als content-box und gibst dann ein Padding.
Siehe hier: 3. Beispiel

Weitere Möglichkeiten
Dankeschön, Beispiel 3 brachte es.

Post Reply