ตารางด้วย div (tableless ตอนที่ 2)

ในตอนนี้ เราจะมาสร้างตารางจาก div แบบ tableless ในแบบที่แต่ละคอลัมน์อาจมีได้มากกว่า 1 บรรทัดกัน (โค้ดตารางในตอนก่อนๆ จะไม่สามารถแสดงผลในลักษณะนี้ได้ถูกต้อง)


เคล็ดลับในการแสดงผลแบบนี้ อยู่ที่การใช้รูปภาพแสดงแทนเส้นกรอบในแนวตั้ง border.gif ที่ต้องวาดเพิ่อให้มีขนาดพอดีกับแต่ละเซล ตามตัวอย่างผมใช้รูปภาพ ขนาด 130px * 10px ที่วาดเส้นกรอบชิดขวามือในแนวตั้งดังรูป  ซึ่งขนาด 130px ได้มาจากขนาดของเซล 110px + padding ซ้าย 10px + padding ขวา 10px