Table CSS

<style>
      front  {
padding: 0px;
margin: 0px 0px 0px 0px;
border: 0px;
spacing: 0px;
              }
     
      </style>

<table class="front">
<td>Noget.</td>
</tr>
</table>

jeg bruger et eksternt css dokument.. ovenstående vil give præcis samme udfald.

Du laver en klasse til td og kalder den i table - prøv:


table.front  { padding: 0px;
              margin: 0px 0px 0px 0px;
          border: 0px;
          spacing: 0px;
          }

I stedet...

... fordi 20s kommentar knytter sig til et <front>-tag (som ikke findes) ligesom dit, Rasmus, knytter sig til et <td>-tag med klassen "front"

DOH, selvfølgelig, jensgram.. Tak :)
Smid et svar

<ole>

Det har jo ikke meget med CSS at gøre. Den korrekte syntaks må være noget à la:

<style type="text/css">
.myTable {
    border-collapse: separate;
    border-spacing: 0px;
}
</style>

<table class="myTable">
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
</table>

... men p.gr.a. IE's elendige CSS-understøttelse virker det ikke der - kun i ordentlige browser som Mozilla (FireFox) ....... nåja, og så i Opera  :)

/mvh
</bole>

Det virker ikke

Kommentar: 20
22/11-2004 14:00:08

virker ikke :o)

jeg er lidt langsom

Der er ikke noget i CSS, der hedder 'spacing' - men da den er sat til '0', kan man ikke se, det ikke virker  :)

Dette illustrerer det vist meget godt:

<style type="text/css">
table.myTable { padding: 0px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    spacing: 100px;
}
</style>

<table class="myTable">
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
</table>

olebole, hvad foreslår du så jeg gør? det er _nødvendigt_ at dette virker i samtlige browsere.
jeg kan ikke få dit eksempel til at virke i Safari. Men den er måske også elendig til CSS.
Jeg foretrækker også Mozilla men det skal desværre virker på alle.

Tadaah!!

<style>
      .myTable td,table {
padding: 0px;
border-collapse: collapse;
              }
      </style>

<span class=myTable>
<table>
  <TR>
    <TD>hkjh</TD>
  </TR></TABLE>
  </span> 
      </P>

kun testet i IE

20 >> Du _kan_ ikke få det til at virke i alle browsere - men da du sætter det hele til '0px', kan du jo bare undlade det  :)

Det tætteste, du kommer, er dette:

<style type="text/css">
table.myTable {
    margin: 0px 0px 0px 0px;
    border: 0px none;
    border-collapse: collapse;
}
table.myTable td {
    padding: 0px;
    border: 0px none;
}
</style>

... du kan teste med denne kode:

<table class="myTable">
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
</table>

<br><br>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
<tr>
    <td>jlkjl jljkl</td>
    <td>jlkjl jljkl</td>
</tr>
</table>

Forskellen er 'ens' - og det er CSS  :)

yes det er godtaget :) tak for det olebole. men hvorfor kalder man cellspacing for collapse i css..?
så skal jeg bare have smidt en position: absolute ind også. Så er den tabel hvis så "minimal" som den kan blive.

Man kalder ikke cellspacing for collapse. Man får mellemrummene i tabellen til at 'falde sammen' med 'border-collapse:collapse'. Det svarer til cellspacing="0".

Ønsker du afstand imellem cellerne (f.eks: cellspacing="5"), skal du angive det med:
  border-collapse: separate;
  border-spacing: 5px;
... men dette understøttes endnu ikke af IE.

Skal du således bruge en afstand mellem cellerne i IE, må du gøre det på den 'gammeldags' måde  :)

... og så må jeg vist hellere smide et svar .... *griiiiiiib*  :)

ok, jeg forstår. tak for forklaring. grr @ browser forskelle!

Ja, vi skal nok ikke regne med flere eller bedre IE'ere, før de får nosset deres LongHorn (eller hvad den nu kommer til at hedde) færdig.
Det betyder lange udsigter før vi kan komme til at bruge CSS2 ... formodentligt ikke før CSS3 - og måske CSS4 - er helt færdige  :o|

... anyway, tak for points  ;o)

:-/
selv tak :)