Det var meget bedre
Meget bedre | Gæt hvormegett kode der er i denne lille tabel? 2.1k. Der er 4 rækker og 2 kolonner. Og ingen fyld GIF'er. |
Helt perfekt | Og alle de stiplede rammer er lavet med CSS og er helt valide.
|
Det hele er lavet 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.
|
Og her er CSS koden som fjerner al den rodede kode:
table{ border-bottom:1px dotted fuchsia; border-left:1px dotted fuchsia }
td{ padding:11px 20px 20px 11px; border-top:1px dotted fuchsia; border-right:1px dotted fuchsia }
ul { margin-top:10px; margin-bottom:
10px; margin-left:0; padding-left:1em }
li{ margin-bottom:10px }