Priviţi ce este la bază

Aceasta într-adevăr poate fi realizat mai simplu . Ghiciţi cît cod inutil conţine acest tabel? 13.7k. În total sunt 17 rînduri şi 9 coloniţe. Şi să nu mai menţionăm GIF-urile transparente!
Aici sunt mult prea multe celule şi separatori. Şi acest linii punctate sunt create prin atributul background în celule, ceea ce nu va fi validat.
• Încă un tabel cuibărit? Pentru ce?
• Pentru a face o listă punctată? Glumiţi, nu?
Toate acestea pot fi realizate cu 8 celule de tabel şi 4 reguli în CSS. Serios. 8 celule şi reguli în css, doar atît.
• O nu, încă un tabel mascat drept o listă punctată.
• Doar marcaţi lista ca o listă punctată şi CSS-ul se va ocupa de restul.
Aveţi nevoie de o regulă pentru <table>, una pentru <td>, una pentru <ul> şi una pentru <li>. Atît. După aceasta totul va fi gata.
• E mai bine decît să folosiţi 8 celule pentru a simula o listă punctată, rezultînd în ceva foarte inaccesibil.
• Excelent! Ultima bulină simulată.

CSS Codul ce arată structura tabelului:

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

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