Fullscreen Header mit einem Rand

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Fullscreen Header mit einem Rand

Ungelesener Beitrag von inno »

Hallo,
ich habe einen Fullscreen-Header (100% Width) und möchte gerne rechts und Links ca. 50 px weissen Rand haben.
Wo kann ich das im Code-Editor einstellen? Kann man die Weite auf 90% einstellen?
Danke für die Hilfe.
Gruß
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Fullscreen Header mit einem Rand

Ungelesener Beitrag von Tommy Herrmann »

Moin,

da diese Bilder dann auf "cover" stehen, sollte man wahrscheinlich eine Border drüber legen.

Hier mal ein Beispiel in rot:

Code: Alles auswählen

border-left: 20px solid red;
border-right: 20px solid red;
Denke daran, dass 50px auf jeden Fall am Handy zu viel sind und man das in jedem Fall mit einer Media-Abrfage lösen sollte. Wenn Du nicht weißt wie - frage nochmals.

Border.JPG
border-code.JPG
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Fullscreen Header mit einem Rand

Ungelesener Beitrag von inno »

Danke Tommy, versuche ich gleich mal!
Antworten

Wer ist online?

Mitglieder in diesem Forum: Google [Bot] und 44 Gäste