hvordan bliver min "table" dotted?

Jeg mener du kan sætte noget i stil med style="border: 1px dotted;" som attribut på din tabel.

Hvorfor vil du ikke bruge stylesheets ?-)

-- og hvis du mener at alle (også de indre !-) kanter skal være prikkede, kommer du ikke udenom et stylesheet ...

-- nåjo, du kan jo placere en inline-style i hvert eneste td-tag, meneh ...

<table style="width:100%; border:1px dotted red; border-collapse:collapse">
  <tr>
    <td style="border:1px dotted green;"</td>
    <td style="border:1px dotted green;"</td>
  </tr>
  <tr>
    <td style="border:1px dotted green;"</td>
    <td style="border:1px dotted green;"</td>
  </tr>
  <tr>
    <td style="border:1px dotted green;"</td>
    <td style="border:1px dotted green;"</td>
  </tr>
</table>

hmmm det første eksempel virkede ikke... måske jeg skulle prøve med stylesheets, nogen der ved hvordan sådan noget fungerer? hvordan får jeg min table prikket med stylesheet, et eksempel ville være glimrende.

Hrm, tilsyneladende fejl i min kode:

<table style="width:100%; border:1px dotted red; border-collapse:collapse">
  <tr>
    <td style="border:1px dotted green;height:10px;">&nbsp;</td>
    <td style="border:1px dotted green;height:10px;">&nbsp;</td>
  </tr>
  <tr>
    <td style="border:1px dotted green;height:10px;">&nbsp;</td>
    <td style="border:1px dotted green;height:10px;">&nbsp;</td>
  </tr>
  <tr>
    <td style="border:1px dotted green;height:10px;">&nbsp;</td>
    <td style="border:1px dotted green;height:10px;">&nbsp;</td>
  </tr>
</table>

Du sætter bare den samme kode, som jeg har lagt ovenfor ind i et stylesheet, således:

<style type="text/css">
.minTabel{width:100%; border:1px dotted red; border-collapse:collapse;}
.minTabel td{border:1px dotted green;height:20px;}
</style>

-- som skal placeres i head-sektionen !-)

-- så skriver du tabellen sådan:

<table class="minTabel">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>