A sad, pogledajte ispod površine

Ovo je moglo da se uradi mnogo jednostavnije. Pogodite koliko oznaka ima u ovoj maloj tabeli? 13.7k. Ovde ima tačno 17 redova i 9 kolona. A jesam li pomenuo providne GIF-ove?
Ovde ima previše tabelarnih ćelija i providnih GIF-ova. Sve tačkaste ivice su uradjene sa background atributom na svakoj ćeliji, koji se nikada neće validirati.
• Umetnuta tabela? Zašto?
• Da bi napravili listu nabrajanja? Šalite se?
Sve bi ovo moglo da se uradi sa 8 tabularnih ćelija i 4 CSS pravila. Najozbiljnije. 8 ćelija i 4 CSS pravila, to je sve što je potrebno.
• Oh ne, još jedna tabela maskirana kao lista nabrajanja.
• Sve što je potrebno je da markirate vašu listu nabrajanja kao takvu i CSS će da završi sve ostalo.
Treba ti jedno pravilo za <table>, jedno za <td>, jedno za <ul> i jedno za <li>. To je to. Jednom kad uradite tako, onda ste car.
• To je bolje nego koristiti još 8 tabularnih ćelija da bi napravio lažnu listu nabrajanja, koja na kraju bude manje pristupačna.
• Odlično! To bi bilo to.

Sledeći kod pokazuje strukturu tabele:

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

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