ถามผู้รู้ค่ะ ทำปุ่มลัดแบบไอดีนี้ทำยังไงอ่ะค่ะ

['ยานแม่ของไคโด้]

http://my.dek-d.com/gift-rigale/

   ลองตามไปดูนะค่ะ คือ ปุ่มลัดอ่ะเราทำเป็น แต่ทำยังไงให้มันเรียงๆกันแบบนี้หรอค่ะ

---

PS.  i'm wanna you " Super Junior "

Comments

[bambi]

ก่อนอื่นต้องแบ่งว๊อทอัพให้เป็น 2 คอลัมน์ก่อนค่ะ

ตามนี้เลย ^^

http://writer.dek-d.com/dek-d/writer/viewlongc.php?id=500184&chapter=126

---

PS.  TVXQ! I'll Always Support You With Love And My Love For You It Has No End.

[LullabyM]

การทำปุ่มลัดก็ตามนี้เจ้าค่ะ^^
http://writer.dek-d.com/dek-d/writer/viewlongc.php?id=500184&chapter=103

---

PS.  The ThouSaNdS StaRs in A NiGhT sky, I hope one day is give to you...

[_ASTER_]

ต้องแบ่งวอพอัพเป็นสองคอลัมตาม คห.1

แล้วก็ทำป้ายปุ่มลัดที่มันสามารถเอามาต่อกันได้แล้วดูสวยขึ้นมา หรือจะหาจากป้ายสำเร็จรูป ลองเอามาประยุกต์ใช้ดู

---

PS.  สวัสดี

[defonx]

การเรียงแบบนี้เรียกว่าการ ทำ Table จ้า ลองหาตัวอย่างจาก google เพื่อทำความเข้าใจได้ โดยหาจากคำว่า html table


ตัวอย่างอธิบายสั้น ๆ จู้ด ๆ นะ

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td align=center>ปุ่ม ๆ ๆ ๆ </td>
  </tr>
</table>

โค้ดด้านบน  เราจะได้

ปุ่ม ๆ ๆ ๆ

ตัวอย่าง ที่ 2 จ้า
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td align=right>ปุ่ม ๆ ๆ ๆ </td><td align=left style="background-color:#00FF00">ปุ่ม ๆ ๆ ๆ </td>
  </tr>
</table>

ผลของตัวอย่างที่ 2

ปุ่ม ๆ ๆ ๆ

ปุ่ม ๆ ๆ ๆ

หมายเหตุ คำสั่ง align=center  ถ้าเราเปลี่ยนเป็นคำว่า  left ข้อความก็จะอยู่ซ้าย   right ข้อความก็จะอยู่ขวาจ้า

ตัวอย่างที่ 3
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td align=right valign=top>ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />กกกกก<br />กกกกก</td><td align=left style="background-color:#00FF00">ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br /></td>
  </tr>
</table>

อันสุดท้ายนี่สังเกตุช่องด้านซ้ายไว้นะ   จะเห็นได้ว่า  ช่องด้านซ้ายจะอยู่ติดบนสุดจ้า เพราะใส่คำสั่ง valign=top ลงปาย

ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ กกกกกก กกกกกก

ปุ่ม ๆ ๆ ๆ กก ปุ่ม ๆ ๆ ๆ

วิธีเพิ่มคอลั่มอีก
    แค่ใส่  <td>ข้อความ</td> ไปเรื่อย ๆ  ตามตัวอย่าง

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align=right valign=top>ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br /></td><td align=left style="background-color:#00FF00">ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br /></td><td align=left style="background-color:red">ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br />ปุ่ม ๆ ๆ ๆ <br /></td>
  </tr>
</table>

แต่อันนี้  จะไม่มีเส้นเพราะตรง คำสั่ง border ปรับค่าจาก 1 ให้เป็น 0 ก็จะได้ผลลัพธ์ดังนี้จ้า

ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ

ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ

ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ ปุ่ม ๆ ๆ ๆ

ท้ายสุด ลองเล่นดูนะไม่ยากเลย