Yen sampeyan nggunakake tabel kanggo tata letak kaca - sing ora ana ing XHTML , kanthi cara kasebut - sampeyan bakal nemokake tambahan ekstra ing njero ruangan. Kanggo ndandani masalah iki, sampeyan kudu mriksa definisi tabel HTML lan spesifik saka sembarang gaya style sheet.
Definisi Tabel HTML
Tag HTML kanggo tabel minangka standar ora ngontrol kanggo sawetara syarat jarak. Verifikasi telung bab tag tabel ing HTML document:
- Apa meja sampeyan duwe atribut sel kanggo ngisi daya kanggo 0?
- cellpadding = "0"
- Panjenengan meja sampeyan nduweni atribut selak sing disetel dadi 0?
- cellspacing = "0"
- Apa ana spasi sadurunge utawa sawise isi lan tag tabel?
Nomer 3 yaiku kicker. Akeh editors HTML kaya duwe kode kabeh diwenehi jarak, supaya gampang diwaca. Nanging akeh browser sing nggambarake tab, spasi, lan carriage bali kaya papan sing dikarepake ing tabel. Nyelehake whitespace sekitar tags lan sampeyan bakal duwe tabel crisper.
Gaya Sheet
Nanging, mbok menawa ora ana HTML sing sithik. Lembar gaya cascading ngontrol sawetara atribut tampilan tabel lan gumantung ing kaca kasebut, sampeyan bisa uga ora nduweni CSS kanthi sengaja nambahake tabel khusus CSS ing panggonane.
Pindai file CSS ngatur kanggo samubarang nilai ing ngisor iki ing tabel, th utawa properti td lan nyetel sing diperlokake:
- watesan nemtokake atribut saka watesan meja utawa sel
- wates-runtuh ngruwat wates sing wewatesan minangka salah siji, supaya ora ana duplikat perbatasan
- padding nawakake spasi kosong, ing piksel, watara saben sèl
- Teks-align nemtokake nalisir teks ing sel kasebut
- spasi-spasi mungkasi jarak antar sel, ing piksel
Alternatif
Sanajan sampeyan isih bisa nggunakake tabel HTML - standar wis mantep lan universal didhukung ing browser dina iki-paling modern desain Web responsif nggunakake sheet cascading gaya kanggo nyetel unsur ing kaca. Tabel isih nggawe raos asli kanggo tujuan nampilake data tabular, nanging kanggo ngatur tata letak lan isi sawijining kaca, luwih becik sampeyan nggunakake tata letak CSS.