Tohle je mnohem lepší
mnohem lepší | Hádej teď, kolik je kódu v této malé tabulce? 2.1k. Jsou tu 4 řádky a 2 sloupce. A žádný spacer GIF. |
přesně tak | A všechny ty tečkované okraje jsou udělány v CSS a jsou zcela validní.
|
Tohle vše je vytvořeno pomocí 8 buněk a 4 CSS pravidel. | Opravdu. 8 buněk a 4 CSS pravidla, toť vše.
|
Potřebuješ pravidlo pro <table>, jedno pro <td>, jedno pro <ul> a jedno pro <li>. | To je vše. Jakmile to máš, jsi nejlepší.
|
A tady je CSS kód nahrazující zbytečně složitý zápis:
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 }