Seite 1 von 1

Fullscreen Header mit einem Rand

Verfasst: Mo 26. Apr 2021, 11:14
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ß

Re: Fullscreen Header mit einem Rand

Verfasst: Mo 26. Apr 2021, 12:56
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

Re: Fullscreen Header mit einem Rand

Verfasst: Mo 26. Apr 2021, 13:49
von inno
Danke Tommy, versuche ich gleich mal!