ຖ້າທ່ານກໍາລັງໃຊ້ຕາຕະລາງສໍາລັບການຈັດຮູບແບບຫນ້າ - ບໍ່ມີໃນ XHTML , ໂດຍວິທີທາງການ, ທ່ານອາດຈະມີປະສົບການທີ່ບໍ່ມີຄວາມສະຫງ່າງາມໃນພື້ນທີ່ໃນຮູບແບບຂອງທ່ານ. ເພື່ອແກ້ໄຂບັນຫານີ້ທ່ານຈໍາເປັນຕ້ອງກວດເບິ່ງທັງຄໍານິຍາມຕາຕະລາງ HTML ຂອງທ່ານແລະຂໍ້ມູນສະເພາະໃດຫນຶ່ງຂອງເອກະສານສະໄຕທີ່ປົກຄອງ.
HTML Table Definition
ແທໍກ HTML ສໍາຫລັບຕາລາງໂດຍຄ່າເລີ່ມຕົ້ນບໍ່ສາມາດຄວບຄຸມໄດ້ສໍາຫລັບບາງຂໍ້ກໍາຫນົດຂອງການວາງຜານ ຢືນຢັນສາມຂໍ້ກ່ຽວກັບແທັບ ຕາ ໃນເອກະສານ HTML ຂອງທ່ານ:
- ຕາຕະລາງຂອງທ່ານມີຄຸນລັກສະນະຂອງ cellpadding ທີ່ຕັ້ງໄວ້ເປັນ 0?
- cellpadding = "0"
- ຕາຕະລາງຂອງທ່ານມີຄຸນສົມບັດຂອງ cellpacing ທີ່ຕັ້ງໄວ້ເປັນ 0?
- cellspacing = "0"
- ມີສະຖານທີ່ກ່ອນຫຼືຫຼັງຈາກເນື້ອຫາແລະແທັບຕາຂອງທ່ານບໍ?
ຈໍານວນ 3 ແມ່ນ kicker ໄດ້. ບັນນາທິການ HTML ຫຼາຍຄົນຢາກມີລະຫັດທັງຫມົດອອກ, ເພື່ອເຮັດໃຫ້ມັນງ່າຍທີ່ຈະອ່ານ. ແຕ່ຕົວທ່ອງເວັບຫຼາຍຄົນຕີຄວາມຫມາຍແທັບ, ສະຖານທີ່ແລະການຂົນສົ່ງທີ່ຕ້ອງການພື້ນທີ່ພິເສດທີ່ຕ້ອງການພາຍໃນຕາຕະລາງຂອງທ່ານ. ກໍາຈັດຊ່ອງຫວ່າງທີ່ອ້ອມຮອບແທັບຂອງທ່ານແລະທ່ານຈະມີຕາຕະລາງ crisper.
Style Sheets
ຢ່າງໃດກໍ່ຕາມ, ມັນອາດຈະບໍ່ເປັນ HTML ທີ່ຖືກປິດ. ແຜ່ນຮູບແບບຊັ້ນບໍ່ຄວບຄຸມການສະແດງຜົນບາງສ່ວນຂອງຕາຕະລາງແລະຂຶ້ນຢູ່ກັບຫນ້າ, ທ່ານອາດຈະຫຼືບໍ່ໄດ້ເພີ່ມ CSS ໂດຍສະເພາະໃນສະຖານທີ່ທໍາອິດ.
ສະແກນໄຟລ໌ CSS ທີ່ປົກຄອງສໍາລັບການໃດໆຂອງຄ່າຕໍ່ໄປນີ້ພາຍໃນ ຕາຕະລາງ, th ຫຼື td ຄຸນສົມບັດແລະປັບຕາມຄວາມຕ້ອງການ:
- ຊາຍແດນ ກໍານົດຄຸນລັກສະນະຂອງຕາຕະລາງຫຼືຊາຍແດນຂອງຫ້ອງ
- border-collapse treats borders adjacent ເປັນຫນຶ່ງ, ເພື່ອຫຼີກເວັ້ນການ duplicating width width ຂອງຊາຍແດນ
- padding ສະຫນອງຊ່ອງຫວ່າງເປົ່າ, ໃນ pixels, ປະມານແຕ່ລະຫ້ອງ
- text-align ກໍານົດການສອດຄ່ອງຂອງຂໍ້ຄວາມພາຍໃນຫ້ອງ
- ຊາຍແດນ - ຊ່ອງຫວ່າງ ກໍານົດຊ່ອງຫວ່າງລະຫວ່າງຈຸລັງ, ໃນ pixels
Alternatives
ເຖິງແມ່ນວ່າທ່ານຍັງສາມາດນໍາໃຊ້ຕາຕະລາງ HTML - ມາດຕະຖານຖືກສ້າງຕັ້ງຂື້ນແລະສະຫນັບສະຫນູນທົ່ວໄປໃນຕົວທ່ອງເວັບຂອງມື້ນີ້ - ການອອກແບບເວັບທີ່ທັນສະໄຫມຫຼາຍທີ່ສຸດຕອບສະຫນອງຮູບແບບຊັ້ນ cascading ເພື່ອຈັດໃສ່ອົງປະກອບໃນຫນ້າ. ຕາຕະລາງຍັງຄົງມີຄວາມຫມາຍສໍາລັບຈຸດປະສົງຕົ້ນສະບັບເດີມຂອງການສະແດງຂໍ້ມູນຕາຕະລາງ, ແຕ່ສໍາລັບການຈັດວາງຮູບແບບແລະເນື້ອໃນຂອງຫນ້າ, ທ່ານກໍາລັງດີກວ່າການນໍາໃຊ້ຮູບແບບ CSS ແທນ.