Jika Anda menggunakan tabel untuk tata letak halaman (tidak-tidak dalam XHTML kemungkinan Anda akan mengalami penambahan ruang ekstra yang tidak sedap dipandang dalam tata letak Anda. Untuk memperbaiki masalah ini Anda perlu memeriksa kedua definisi tabel HTML Anda dan spesifikasi dari setiap mengatur style sheet.
Definisi Tabel HTML
Tag HTML untuk tabel secara default tidak mengontrol beberapa persyaratan jarak. Verifikasi tiga hal tentang tag "tabel" dalam dokumen HTML Anda:
- Apakah tabel Anda memiliki atribut cellpadding diatur ke 0?
-
cellpadding = "0"
-
- Apakah tabel Anda memiliki atribut cellspacing diatur ke 0?
-
cellspacing = "0"
-
- Apakah ada spasi sebelum atau sesudah konten Anda dan tag tabel?
Nomor 3 adalah penendang. Banyak editor HTML yang suka semua kode diberi spasi, agar mudah dibaca. Tetapi banyak browser menginterpretasikan tab, spasi, dan pengantaran kembali seperti ruang ekstra yang diinginkan di dalam tabel Anda. Singkirkan ruang putih di sekitar tag Anda dan Anda akan memiliki tabel yang lebih tajam.
Style Sheets
Namun, itu mungkin bukan HTML yang tidak aktif. Lembar gaya Cascading mengontrol beberapa atribut tampilan tabel dan bergantung pada halaman, Anda mungkin atau mungkin tidak sengaja menambahkan CSS khusus tabel di tempat pertama.
Pindai file CSS yang mengatur untuk salah satu nilai berikut di dalam "tabel ,' ' th "atau ' td " properti dan sesuaikan sesuai kebutuhan:
- berbatasan: Menentukan atribut suatu tabel atau batas sel
- border-collapse: Perlakukan batas yang berdekatan sebagai satu, untuk menghindari duplikasi lebar pembatas
- lapisan: Menawarkan ruang kosong, dalam piksel, di sekitar setiap sel
- teks-align: Menentukan penyelarasan teks di dalam sel
- pembatas-batas: Mengatur jarak antar sel, dalam piksel
Alternatif
Meskipun Anda masih dapat menggunakan tabel HTML (standar sudah ditetapkan dengan baik dan didukung secara universal di browser saat ini), sebagian besar desain web responsif modern menggunakan lembar gaya cascading untuk menempatkan elemen pada halaman. Tabel masih masuk akal untuk tujuan awal mereka menampilkan data tabular, tetapi untuk mengatur tata letak dan konten halaman, Anda lebih baik menggunakan tata letak CSS sebagai gantinya.
