Dış görünüşün ardında ne yattığına bir bakın

Bu gerçekten çok daha kolay bir şekilde yapılabilirdi.Tahmin edin bu küçük tablo içerisinde ne kadar işaretleme var? 13.7k. Bu şeyin içinde 17 satır ve 9 kolon var. Ve tüm ayırıcı GIFlerden bahsettim mi?
Burda bir sürü tablo hücresi ve ayırıcılar var.Ve tüm bu noktalı kenarlar bir background özelliği ile yapıldı, ki bu onaylanmayacaktır.
İç içe geçmiş bir tablo? Ne için?
Madde imli bir liste yapmak için mi? Şaka yapıyorsunuz, değil mi?
Bunların hepsi 8 tablo hücresi ve 4 CSS kuralı ile yapılabilirdi.Cidden. 8 hücre ve 4 css kuralı, tüm gereken bu kadar.
Oh hayır, madde imli liste kılığına girmiş başka bir tablo daha.
Madde imli listelerinizi sadece madde imli liste olarak işaretleyin ve bırakın gerisini CSS yapsın.
<table> için bir tane, <td> için bir tane, <ul> için bir tane ve <li> için bir tane kurala ihtiyacınız var.Bu kadar. Bunları yaptığınız takdirde paha biçilmezsiniz.
Sahte bir madde imli liste yapmak için 8'den fazla tablo hücresi kullanmaya kıyasla bu daha iyidir. Kaldı ki diğer kullanım çok daha az erişilebilir bir tasarımdan öteye gidemez.
Mükemmel! En sonuncu sahte madde imi.

Tablo yapısını gösteren kod:

table { margin: 3px; padding: 2px; border: solid 2px blue }

td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }