Tag et kig under overfladen
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Dette kunne laves meget mere simpelt. | ![]() | ![]() | Gæt hvormeget kode der er i denne lille tabel? 13.7k. Der er 17 rækker og 9 kolonner. Huskede jeg at nævne alle de fyld GIF'er? | ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ||||||||
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Der er alt for mange tabel celler og spacers her. | ![]() | ![]() | Og alle de stiplede rammer er lavet med en background attribut på tabel cellerne, som ikke kan valideres.
| ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ||||||||
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Det hele kunne laves med 8 tabel celler og 4 CSS regler. | ![]() | ![]() | Seriøst. 8 celler og 4 CSS regler, er alt hvad der skal til.
| ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ||||||||
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Du skal have en regel til <table>, en til <td>, en til <ul> og en til <li>. | ![]() | ![]() | Det er det hele. Når du har dem er du flyvende.
| ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | |||||||||
![]() |
Koden til at vise tabel strukturen:
table{ margin:3px; padding:2px; border:solid 2px blue }
td{ padding:2px; border-style: solid; border-width: 1px; border-color:gray gray silver silver }