เทคนิคแก้ช่องว่างรูป ในการแสดงบน FireFox

…นั่งทำเว็บอยู่แล้วก็แปลกประหลาดใจ ว่าทำไม เกิดช่องว่างใน table คือรูปไม่ติดกัน (คิดว่าคงนึกภาพออก) ทั้งๆที่เราก็ตัดผ่าน Photoshop ให้มันสร้าง HTML มาให้ตามปกติ ปรากฎว่าทดสอบอยู่หลายตลบก็ค้นพบความจริง

จริงๆ แล้วปัญหามันเกิดจาก HTML ที่มัน gen มาให้ด้วย ถ้าเราสร้าง .html ธรรมดา แสดงก็จะเป็นปกติ แต่พอเราเริ่มแทรง css หรือ js ตัว javascript เข้าไป มันจะเริ่มทำให้รูปห่าง แก้ด้วยการเอา tag ข้างบนสุดตรงนี้ออก

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”>

ผมเองก็ไม่ทราว่ามันสร้างไว้ทำอะไร แล้วก็มีไว้ทำอะไร แต่รู้แต่ว่าถ้าเปิดบน firefox มันจะทำให้รูปห่าง แทนที่จะติดๆกัน ก็เลยเอามาแบ่งปันเพื่อนๆนะครับ

 

Hosting ฟรี 30 วัน คลิกเลย
Web Design สวยๆ คลิกเลย

 

About skyyin