อ่านหัวเรื่องแล้วอย่างงนะครับ (ตัวเองแอบงงนิดๆ ฮ่าๆ) ปัญหามีอยู่ว่า ถ้าเราใส่แท็ก img เข้าไปในแท็ก table มันจะเกิด whitespace ขึ้นมาที่ใต้ภาพ เมื่อแสดงผลด้วย IE ซึ่งเราสามารถลบ whitespace นี้ออกไปได้ด้วยการนำเอา css เข้ามาช่วยครับ ซึ่งเราอาจจะเขียนเป็น class ไว้ในไฟล์ css ประมาณนี้ครับ
.img-td{ display:block }
จากนั้นพอเพื่อนๆ ต้องการจะใส่รูปเข้าไปในแท็ก table ก็ให้กำหนดค่าของ class เป็น img-td
<html> <head><title>การลบ whitespace รอบๆ รูป���าพในตาราง</title> <style type="text/css"> <!-- .img-td{display:block} --> </style> </head> <body> <table border="1" > <tr> <td><img class="img-td" src="image.gif"> </td> </tr> </table> </body> </html>
แค่นี้ก็เรียบร้อยครับผม ^^
แหล่งข้อมูลครับ