Seite 1 von 1

Blöcke verkleinern auf z.B.60%

Verfasst: Do 14. Aug 2025, 11:18
von Bushisan
Hallo zusammen,

ich erstelle gerade so etwas wie einen 30 jährigen Rückblick. Die Blöcke die ich verwendet habe sind mir aber etwas zu breit - wie kann ich die Breite verändern? Bin sicher Ihr habt das drauf :)

https://www.shotokan-karate-dojo-neukir ... age13.html

Aber bitte nicht lachen :)

Grüße aus der Oberpfalz
Hubert

Re: Blöcke verkleinern auf z.B.60%

Verfasst: Do 14. Aug 2025, 12:21
von Tommy Herrmann
Moin Hubi,

ich kann das gerade in Deinem Quelltext des Blocks nicht sehen. Was ist das denn für ein Thema, das sieht irgendwie uralt aus :confused:

Normalerweise gibt es da in den Blockwerkzeugen einen Schieberegler, um die Breite (width) des Inhaltes zu bestimmen.

Breite des Block-Inhaltes.jpg


Gibt es den nicht, dann sollte da so etwas in der Art stehen:

Code: Alles auswählen

<div class="col-md-12 col-lg-12">
Es gibt ja in Bootstrap 12 Spalten über die Breite. Oben würde also am mittleren (md) und großen (lg) Bildschirm alle 12 Spalten verwenden. Wolltest Du am großen (lg) Bildschirm vielleicht dann nur 8 Spalten (also 30% schmaler), dann könnte das so aussehen:

Code: Alles auswählen

<div class="col-md-12 col-lg-8>

Vielleicht steht da auch gerade nur:

Code: Alles auswählen

<div class="col-md-10">
um es noch schmaler zu stellen, versuche es z.B. mit 8 oder 6

Code: Alles auswählen

<div class="col-md-8">
Warum Du das schmaler haben willst, entzieht sich meinem Verständnis. Es ist doch ohnehin schon recht schmal.


Gucke Dir zum Grid-System von Bootstrap meine Tutorialseite und auch das Video auf dieser Seite an:

https://www.mobirise-tutorials.com/Tuto ... -Grid.html

Re: Blöcke verkleinern auf z.B.60%

Verfasst: Do 14. Aug 2025, 20:48
von Bushisan
Hallo Tommy,

ist gut wenn mal jemand anderes auf die Seite draufschaut. Nachdem ich am Grid rumgeschraubt und mit Styleanweisungen herumgespielt habe bin ich zu dem Schluss gekommen das das gar nicht soooo schlecht aussieht. Diese Slideout von Dir hat mir in Sachen Navigation auch sehr geholfen! Du hast recht, ich habe die Bilder und Texte etwas kleiner gemacht und schon gefällt mir das schon viel besser. Danke für Deine Zeit!

Gruß aus Neukirchen
Hubert

BTW-. Du hast natürlich auch recht wenn Du sagst das das uralte Blöcke sind. Ich arbeite wohl mit einer der letztem kostenfreien Versionen - 4.12.4 - hat ganz gut geklappt alles. Für meine geringen Ansprüche und der einfachen Vereinsseite reicht das - der Rest wird im Verfahren Versuch und Irrtum mit HTML und CSS gebastelt !!

Re: Blöcke verkleinern auf z.B.60%

Verfasst: Fr 15. Aug 2025, 06:34
von Tommy Herrmann
Moin,

bei Deiner "Zeitmaschine" solltest Du aber die Sprunganker "oben" eines jeden Blocks etwas erhöhen. Also der Abstand "Top" in den Blockwerkzeugen vielleicht um 1 oder 2 Schritte erhöhen, denn so verschwindet der obere Rand der Blöcke ein wenig zu weit hinter der Navi.


Sprunganker.jpg

Re: Blöcke verkleinern auf z.B.60%

Verfasst: Fr 15. Aug 2025, 10:15
von Bushisan
Erledigt - ist ja erstmal das Grundgerüst. Das muss jetzt noch mit Leben gefüllt werde. Jetzt beginnt die eigentliche Arbeit erst. Aber es macht noch immer Spaß - das ist alles was zählt.

Danke Tommy

Gruß HUbert