Margin pomiędzy dwoma buttonami

Margin pomiędzy dwoma buttonami
Mateuszto
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Poznań
  • Postów: 163
0

Tutaj mój problem https://codepen.io/mateuszto/pen/mjeqaa
Chodzi o to, że chciałbym aby odległośc pomiędzy 1 a 2 buttonem wynosiła np:15px; Niestety ustawiając marginy oraz paddingi nie działa. W jaki sposób mógłbym to zrobić.
https://codepen.io/mateuszto/pen/mjeqaa

Mateuszto
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Poznań
  • Postów: 163
0

Bo ogólnie zrobiłem to teraz z divami, ale to tak mi się wydaję za dużo kodu. Czy tak może być ok? Wpakowane wszystko w divy? Czy raczej unikać takiej metody? :D

fasadin
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 4883
1
Kopiuj
.przyciski .historia{
  margin:10px;
}
Kopiuj
<div class="przyciski">
  <div class="historia">
    <button class="ofirmie">Historia
    </button>
   </div>
            <button class="oferta">Przykłady</button>
</div>
czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
1

utwórz class button lub btn (nazwy po angielsku najlepiej), a w nim stylowanie buttona+pagging/margin potem dodaj w odpowiednim miejscu, jak nie wiesz jak zacząć to sa generatory buttonów w necie
https://www.designrush.com/resources/css3buttongenerator
https://www.bestcssbuttongenerator.com
https://loading.io/button/generator

cerrato
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Poznań
  • Postów: 9018
1

Szanowni Państwo (a w szczególności @Mateuszto) - można to zrobić na samych buttonach, bez wstawiania dodatkowych DIV'ów.
I nie chodzi mi teraz o dyskusję, które rozwiązanie jest lepsze, a jedynie o pokazanie, że tak jak pierwotnie chciałeś też się da - https://jsfiddle.net/vc7gx3qj/1/

KACPER12345
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 13
1

O to chodzi?

MK
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 78
0

Wystarczy, że zmienisz w klasie ofirmie wartość margin: 0 auto na margin:0 auto 15px auto;

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.