วันเสาร์ที่ 26 มีนาคม พ.ศ. 2554

การใช้ตาราง ใน Blogspot

เนื่องจาก Blogspot เพิ่มโค้ดการขึ้นบรรทัดใหม่ให้ทุกครั้งที่มีการกด Enter ดังนั้น ถ้าใช้ตารางที่มีหลาย ๆ แถว ใน Blogspot จะทำให้มีช่องว่างก่อนหน้าตารางจำนวนมาก วิธีการแก้ไขคือ เขียนโค้ดตารางให้ติดต่อกัน เป็นบรรทัดเดียว จะได้ไม่ต้องกด Enter วิธีนี้ จะทำให้ตารางไม่มีช่องว่างก่อนหน้า

ตัวอย่างที่ 1 โค้ดที่จะมีช่องว่างก่อนหน้าตาราง

<table border="1" cellspacing="0" cellpadding="3" width="50%" align="center">
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>

โค้ดข้างล่างนี้ เขียนติดกันเป็นบรรทัดเดียว ทำให้ตารางไม่มีช่องว่างก่อนหน้าตาราง

เทคนิค คือ เขียนโค้ดตารางแบบธรรมดา ตามตัวอย่างที่ 1 ก่อน โดยขึ้นบรรทัดใหม่ เพื่อให้ดูง่าย เมื่อเสร็จแล้ว จึงลบให้เป็นบรรทัดเดียวกันหมด

ตัวอย่างที่ 2 โค้ดที่ไม่มีช่องว่างหน้าตาราง

<table border="1" cellspacing="0" cellpadding="3" width="50%" align="center"><tr><td>A</td><td>B</td></tr><tr><td>C</td><td>D</td></tr></table>

ตัวอย่างที่แสดงจากโค้ด ตัวอย่างที่ 2
AB
CD

ดูตัวอย่างใช้งานจริง คลิกที่นี่



อ้างอิง
http://interestingwebs.blogspot.com/2009/04/problem-with-html-table-in-blogspot.html

1 ความคิดเห็น:

  1. สวัสดีค่ะ

    แวะมาเก็บความรู้นะคะ

    http://rattanapornnursinghome.blogspot.com

    ตอบลบ