Aby był brak odstępu między krawędzą tabeli, a komórkami, z odstępami pomiędzy komórkami

Jak zrobić za pomocą tabeli, aby nie było odstępu między krawędzią tabeli, a komórkami z nią sąsiadującymi, przy pewnych odstępach pomiędzy komórkami?

cellspacing / cellpadding.

Najlepiej jak na http://jsfiddle.net wrzucisz jakiś przykładowy kod - wtedy łatwiej będzie pomóc, ale tak na szybko/sucho to popieram @Patryk27, zainteresuj się tamtymi dwoma atrybutami/parametrami.

cerrato napisał(a):

Najlepiej jak na http://jsfiddle.net wrzucisz jakiś przykładowy kod - wtedy łatwiej będzie pomóc, ale tak na szybko/sucho to popieram @Patryk27, zainteresuj się tamtymi dwoma atrybutami/parametrami.

*cellspacing / cellpadding.
cellspacing - gdy są odstępy pomiędzy komórkami i komórkami a krawędziami tabeli, a cellpadding - .marginesy wewnątrz komórek, a ja chcę uciąć odstępy pomiędzy komórkami a krawędziami tabeli, a odstępy pomiędzy komórkami zostawić. Jak to zrobić?

Powtórzę - daj jakiś kod, to będziemy wiedzieli o czym rozmawiamy.

Oto kod:

     <TABLE cellpadding="10" cellspacing="10" style="border:1px solid">
            <TR><td style="border:1px solid">1</td><td style="border:1px solid">2</td><td style="border:1px solid">3</td><td style="border:1px solid">4</td></TR>
         </TABLE>

Kod: https://jsfiddle.net/dkmx0z5y/
Jak widać są odstępy pomiędzy komórkami tabeli a jej krawędzią, jak zrobić by nie było odstępów pomiędzy krawędziami a komórkami przy jednoczesnych odstępach pomiędzy komókami?

Rzuć okiem na https://jsfiddle.net/gt1dskLf/. Podałem różne wartości padding'ów, żebyś mógł się pobawić i sobie poeksperymentować. Chodzi jedynie o pokazanie zasady.

<TABLE cellpadding="10" cellspacing="10">
  <TR>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </TR>
</TABLE>

table {
  border:1px solid;
  border-spacing: 0px;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 2px;
}

td {
  border:1px solid; 
}

Atrybutów: cellspacing i cellpadding używało się jakieś 20 lat temu ;)

Teraz załatwiamy to tak:

Jeśli chcesz odstępy:

TABLE {
  border-collapse: separate;
  border-spacing: 10px;
}

Jeśli nie chcesz odstępów:

TABLE {
  border-collapse: collapse;
}

A wewnętrzny odstęp komórek po prostu:

TD {
  padding:10px;
}