Tag et kig under overfladen

Dette kunne laves meget mere simpelt. Gæt hvormeget kode der er i denne lille tabel? 13.7k. Der er 17 rækker og 9 kolonner. Huskede jeg at nævne alle de fyld GIF'er?
Der er alt for mange tabel celler og spacers her. Og alle de stiplede rammer er lavet med en background attribut på tabel cellerne, som ikke kan valideres.
• En indlejret tabel? Hvorfor?
• For at lave en punktopstilling? Du gør grin med mig?
Det hele kunne laves med 8 tabel celler og 4 css regler. Seriøst. 8 celler og 4 css regler, er alt hvad der skal til.
• Åh nej, endnu en tabel til at lave en punktopstilling.
• Bare marker din punktopstilling som en punktopstilling og lad CSS gøre resten.
Du skal have en regel til <table>, en til <td>, en til <ul> og en til <li>. Det er det hele. Når du har dem er du flyvende.
• Det er noget bedre end at bruge 8 tabel celler mere for at lave en falsk punktopstilling, som i sidste ende er noget mindre tilgængeligt.
• SUPER! Det sidste falske punkt.

Koden til at vise tabel strukturen:

table { margin: 3px; padding: 2px; border: solid 2px blue }

td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }