Jimdo-Elemente » Buttons gleiche größe

05.12.2023 14:46

flo1109
#1

fl

Hallo,

ich wollte Fragen ob die Möglichkeit besteht das man die Buttons alle mit der gleichen Breite versehen kann? Ich finde das sieht nichts aus wenn man mehrere Buttons untereinander hat mit verschieden Langen Texten...

Danke und Liebe Grüße

Antworten

Beitrag melden

#2

05.12.2023 20:24 (zuletzt bearbeitet: 05.12.2023 20:26)

az_
#2

az_

...das geht schon.

Per CSS machst Du das mit einem Eintrag
- max-width: 250px; oder
- width: 250px;
für den entsprechenden Container des Buttons.

Ganz schlau ist:
- width: fit-content;

Das kannst Du auch für die mobile Version machen. Dabei kann der Button mittig gesetzt werden mit
- margin: 0 auto;

Ich hoffe, das hilft Dir schon mal.
LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

05.12.2023 21:01

flo1109
#3

fl

flo1109

Vielen Dank für deine Antwort.

Wie genau kann ich das CSS für die Mobile version ändern?

Und was meinst du mit "- width: fit-content; "

DANKE

Antworten

Beitrag melden

#4

08.12.2023 11:30

az_
#4

az_

Wie das geht, kannst Du auf meiner Webseite unter CSS-Grundlagen finden. Und fit-content + CSS würde ich einfach mal googeln an Deiner Stelle.

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html