Neem eens een kijkje onder de motorkap
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Dit kan echt veel eenvoudiger. | ![]() | ![]() | Raad eens hoeveel opmaak er in deze kleine tabel zit? 13,7k. Er zitten 17 rijen en 9 kolommen in het ding. En dan heb ik het nog niet eens over de spacer GIFs. | ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ||||||||
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Hier zitten echt wel te veel tabelcellen en spacer GIFs in. | ![]() | ![]() | En alle gestreepte randen zijn gemaakt met het background attribuut op de tabelcellen wat dus niet toegestaan is.
| ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ||||||||
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Hetzelfde kan met 8 tabelcellen en 4 CSS regels. | ![]() | ![]() | Echt waar! 8 cellen en 4 CSS-regels, meer is niet nodig.
| ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ||||||||
![]() | |||||||||||||
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |||||
![]() | Je hebt een regel nodig voor <table> , een voor <td> , een voor <ul> en een voor <li> . | ![]() | ![]() | Da's alles. Als je die eenmaal hebt, zit je gebeiteld.
| ![]() | ||||||||
![]() | ![]() | ![]() | ![]() | ![]() | |||||||||
![]() |
De code die de structuur van de tabel toont:
table{ margin:3px; padding:2px; border:solid 2px blue }
td{ padding:2px; border-style: solid; border-width: 1px; border-color:gray gray silver silver }