A co pod spodem?

		Można było to zrobić o wiele prościej.				Zgadnij jak dużo zajmuje kod tej tabelki... 13.7 KB! To coś ma 17 rzędów i 9 kolumn, nie wspominając o naszpikowaniu niewidocznymi GIFami.
		Dużo za dużo tu komórek tabel i GIF-ów				Wszystkie kropkowane ramki są komórkami tabel z ustawionym niestandardowym atrybutem background. • Zagnieżdżona tabelka? Po co? • Żeby zrobić listę wypunktowaną? Chyba żartujesz...
		Do zrobienia tego wszystkiego wystarczy najprostsza 8-komórkowa tabela i 4 reguły CSS.				Serio. 8 komórek i 4 reguły CSS to wszystko, czego tu potrzeba. • O nie, następna tabelka udająca listę wypunktowaną. • Po prostu zaznacz, że listy są listami, a resztą niech zajmie się CSS.
		Potrzeba po jednej regule dla <table>, <td>, <ul> i <li>.				To wszystko. Robisz to raz i masz. • To jest lepsze niż tworzenie dodatkowych 8 komórek tabeli, by podrobić listę wypunktowaną, która okazuje się być mało dostępna. • Doskonale. Wreszcie koniec tych podróbek!

Kod, który uwidacznia strukturę powyższej tabeli:

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

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