Žvilgtelk iš vidaus
 |
 |  |  |  |  |  |  |  |  |
 | Tai tikrai galėtų būti padaryta daug paprasčiau. |  |  | Spėk, kiek žymėjimo yra šioje mažutėje lentelėje? 13,7kB. Šitam dalyke yra 17 eilučių ir 9 stulpeliai. O ar aš jau paminėjau visus tarpinius GIFus? |  |
 |  |  |  |  |  |
 |
 |  |  |  |  |  |  |  |  |
 | Čia ryškiai per daug langelių ir tarpinių paveikslėlių. |  |  | O visi tie taškiniai rėmeliai padaryti, naudojant background atributą lentelės langeliuose, ko neįteisintų tikrintuvai. |  | • | Lentelė lentelėje? Kam? |  |  | • | Kad padarytum nenumeruojamąjį sąrašą? Tu turbūt juokauji!? |
|  |
 |  |  |  |  |  |
 |
 |  |  |  |  |  |  |  |  |
 | Visa tai gali būti padaryta iš 8 lentelės langelių ir 4 CSS taisyklių. |  |  | Tikrai. 8 langeliai ir 4 css taisyklės — tik tiek ir tereikia. |  | • | O ne, dar vienas lentelės apsimetinėjimas nenumeruojamuoju sąrašu. |  |  | • | Tiesiog pažymėk nenumeruojamąjį sąrašą nenumeruojamuoju sąrašu ir leisk visa kita atlikti CSS. |
|  |
 |  |  |  |  |  |
 |
 |  |  |  |  |  |  |  |  |
 | Tau reikia po taisyklę <table>, <td>, <ul> ir <li>. |  |  | Tai tiek. Kai tik juos turi, tu auksas. |  | • | Tai geriau nei naudoti papildomus 8 lentelės langelius, kad falsifikuotum nenumeruojamąjį sąrašą, gaudamas kur kas mažiau pasiekiamą rezultatą. |  |  | • | Puiku! Paskutinis falsifikatas. |
|  |
 |  |  |  | |  |
 |
Kodas, kuris parodo šios lentelės struktūrą:
table { margin: 3px; padding: 2px; border: solid 2px blue }
td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }