Skocz do zawartości

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


ferNx
 Udostępnij

Rekomendowane odpowiedzi

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;
}
Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
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.

Odnośnik do komentarza
Udostępnij na innych stronach

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. 

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
.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;
}
Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij

×