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.
| ||||||||||||
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.
| ||||||||||||
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.
| ||||||||||||
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 }