Man telephoning his co-worker in a panic

Така е много по-добре

Много по-добреПознайте колко код е нужен за тази малка табличка? 2.1k. В нея има 4 реда и 2 колони. И няма spacer.gif-ове.
ПравилноА всички тези пунктирани рамки са направени със CSS и са напълно валидни.
  • Това е точка от списък
  • Точно както е редно да бъде
Всичко това е направено с 8 клетки и 4 CSS правила.Сериозно. 8 cells and 4 CSS rules, това е.
  • Ура за списъците
  • Просто опишете вашите списъци в кода като списъци и оставете CSS да свърши останалото.
Имате нужда от правило за <table>, <td>, <ul> и <li>.Това е. Имате ли тези правила - всичко е наред.
  • Просто обичам списъците
  • Прекрасно! Стига вече фалшиви списъци

А това е нужният CSS, за да се отървете от безсмисления код:

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 }

>
Scott Design