Seite 1 von 1

Rahmenbreite ändern

Verfasst: Di 25. Jul 2023, 12:39
von scherenschlag
Moin.
Es gibt Sie diese Tage.....
Schaut bitte mal bei https://www.tsad17.de rein.
Ich möchte diese breiten gelben Rahmen um die drei Bilder zwar haben. Aber nicht so dick. Hälfte wäre schön.
Nun scrolle ich seit heute morgen vier Uhr ;) den CSS Editor rauf und runter. Wo halbiere ich den Rahmen?
Brett vorm Kopf.... Passiert mir öfter.... Muss wohl am Alter liegen. :doh:

Re: Rahmenbreite ändern

Verfasst: Di 25. Jul 2023, 13:03
von Tommy Herrmann
Moin,

dieser "Rahmen" ist gar kein Rahmen sondern ein Hintergrund, der durch einen Innenabstand ("padding") dargestellt wird, von dieser CSS-Class:

Code: Alles auswählen

.image-wrapper {
  padding: 20px;
  border-radius: 16px;
  background-color: #e6c63b;
  border-width: 3px;
}

Ich habe mal das "padding: 20px;" im Screenshot unten auf "padding: 10px;" halbiert:


image-wrapper-padding.jpg


Die Anweisung "border-radius: 16px;" erstellt diese runden Ecken, die könnte (sollte) man dann wohl auch etwas anders machen - vielleicht 8px oder 10px.

Re: Rahmenbreite ändern

Verfasst: Di 25. Jul 2023, 13:11
von scherenschlag
:freude:
Na wenn der Ramen ein padding ist verstehe ich warum ich mir seit 4 Uhr morgens nen Wolf suche.
Habe Ihn sogar mal auf 5px runtergeschraubt. Reicht vollkommen....
Danke Tommy.
Jetzt kann ich mich beruhigt wieder hinlegen. :nachti: