Button mit Zwischenraum

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

Button mit Zwischenraum

Ungelesener Beitrag von inno »

Hallo Tommy,
ich würde gerne einen Abstand zwischen den beiden Button haben und einen dünnen Rahmen, der auch beim Hover erscheint. Mobile sollte der Zwischenraum auch erscheinen.
Hier mal der Link + Screenshots.
https://81ijswwzpd.mobirisesite.com/
Vielleicht hast du eine Lösung. Grüße!
Dateianhänge
screen2.jpg
screen1.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Button mit Zwischenraum

Ungelesener Beitrag von Tommy Herrmann »

Moin,

für den Abstand kannst Du doch z.B. an Deine class="one" eine "margin"setzen:

Code: Alles auswählen

.one {
  color: #18293D !important;
  margin-right: 20px;
  margin-bottom: 20px;
}
… um am Handy auch einen Abstand zwischen den Buttons (übereinander) zu erhalten, müssten beide Klassen, also auch class="two", wahrscheinlich zusätzlich noch einen Abstand unten erhalten:

Code: Alles auswählen

.two {
  margin-bottom: 20px;
}
Das mit der Border habe ich noch nicht verstanden, da ist doch schon eine Border.

Buttons.jpg

Übrigens hat Mobirise, z.B. im Standard-Thema "Mobirise5" doch Blöcke (unter "Article") mit nur Buttons, die genau das gleiche machen und die sich viel besser einstellen lassen:

Buttons-Mobirise.jpg
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 355
Registriert: Do 17. Dez 2020, 11:59

Re: Button mit Zwischenraum

Ungelesener Beitrag von inno »

Hi Tommy, funktioniert super! Danke! Bei diesem Block ist aber die Anordnung Mobil schöner! :D
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot], Amazon [Bot], Bing [Bot] und 4 Gäste