Dodanie odstępu między działami. Każdy dział na osobny "kafelek"

Witam chciałbym zrobić odstępy między działami, chodzi mi o coś takiego jak jest w stylu majestic że każdy dział to tak jakby osobny kafelek.

Posiadam coś takiego:

Ktoś wie jakbym mógł to zmienić

Zapoznaj się z tym: https://www.w3schools.com/css/css_margin.asp

Margin - odstęp na zewnątrz elementu.

selektor { margin: wartość; }

Możemy ustawić margines:

• margin-left - lewy
• margin-right - prawy
• margin-top - górny
• margin-bottom - dolny

Przykład:

p {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
}

No niekoniecznie bo na tabele to nie zadziała. Najlepszym sposobem w takich przypadkach jest ustawienie sporego borderu dla `tr` o takim samym kolorze co tło.

@Lord Fenrir Użytkownik ma problem podać link do forum, skąd mam wiedzieć jak jest zbudowane forum?

Teraz, pBartnik napisał:

@Lord Fenrir Użytkownik ma problem podać link do forum, skąd mam wiedzieć jak jest zbudowane forum?

Faktycznie, pierwszy raz masz styczność z tym CMSem

Poza tym to nie dotyczy tego konkretnego przypadku a prawie wszystkie CMSy budowę działu mają opartą na tabeli, więc wrzucenie linku w taki sposób jak to zrobiłeś jest trochę bezmyślne. 

Gdyby problem był złożony to owszem można wymagać linku... Ale w tym przypadku wystarczy jedynie podstawowa wiedza na temat CSS.

Nie pierwszy raz mam z nim styczność, ale nie znam kodu na pamięć - jaki może figurować w tym szablonie. Nie wiem czy jest na tabelach zrobiony czy nie. Nie jest to szablon domyślny więc jeśli oczekuje pomocy mógłbym się jakoś poświęcić. Przydałby się wzór tutaj jak było napisane. 

.border_forum {
    margin-top: 1px;
    padding: 20px;
    border: 1px solid #2D2D2D;
}
.trow2 {
    background: rgb(45, 45, 45);
    vertical-align: middle;
    padding: 20px 0px 20px 0px;
    color: #FFFFFF;
    line-height: 17px;
    padding-left: 10px;
    font-weight: normal;
    font-size: 15px;
    border-top: 10px solid;
    border-bottom: 10px solid;
    border-color: #191919; 
}
.trow1 {
      background: rgb(45, 45, 45);
    vertical-align: middle;
    padding: 20px 0px 20px 0px;
    color: #FFFFFF;
    line-height: 17px;
    padding-left: 10px;
    font-weight: normal;
    border-top: 10px solid;
    border-bottom: 10px solid;
    border-color: #191919;
    font-size: 15px;
}

Nie do końca wiem o co chodzi. W szablonie Majestic jest tak samo jak u ciebie. Chyba że chodzi o inny szablon. To zapodaj linka do niego. Rozdziel działy na kategorie wtedy będziesz miał osobne "kafelki".

@SeNioR Majestic ma coś takiego:

Chciałbym coś takiego osiągnąć tylko za bardzo nie wiem jak się do tego zabrać.

@pBartnik tak bo wcale 3/4 jak nie więcej szablonów opartych na tym cms`ie nie ma działów na Tabelach pozdrawiam ☺️

@KoSmO1423 A faktycznie jest odstęp.. mało zauważalny bo na białym tle. Musisz dodać odstęp w HTML lub CSS. Próbowałeś kodu od @Vast ? Nie znam na pamięć budowy MyBB więc nie powiem ci w którym pliku co zmienić. 

Mój sposób robi to samo, także podmień i tyle ;).

@KoSmO1423 użyj tych CSSów co wrzucił @Vast a uzyskasz pożądany efekt, jedynie tło będziesz musiał sobie zmienić jak nie będzie Ci odpowiadać.

Działa tylko teraz w panelu bocznym mi się pozmieniało więc będę musiał nad tym jeszcze popracować.

Btw forum: cscontrol.pl

Niekoniecznie.

W CSS ustaw coś takiego:

.forums .border_forum { ... }
.forums .border_forum .trow1, .forums .border_forum .trow2 { ... }

i tam wklej zawartość z w/w posta i powinno nie rozwalać panelu bocznego.

Już sobie poradziłem ale dzięki za podpowiedź ☺️