ต่อไป »

[PockA]

เขียนในดรีมมันก็เห็นสวยงามดี ก๊อบ code ไปวางใน wp หน้า admin ก็ยังงามดี แต่พอกด update แล้วมาดูที่หน้าจริง มันกลับไม่ขึ้น

ไม่ทราบว่ามันเป็นที่อะไรอะครับ รบกวนด้วยครับผม

เวป : hxxp://www.dek-nerd.com/?page_id=29

Code :

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="43%" bgcolor="#FFCCFF"><p align="center"><strong>ระดับชั้น</strong></p></td>
    <td width="26%" bgcolor="#FFCCFF"><p align="center"><strong>1 คน/ชม.</strong></p></td>
    <td width="31%" bgcolor="#FFCCFF"><div align="center"><strong>คนต่อไป + เพิ่มแค่ / ชม</strong></div></td>
  </tr>
  <tr>
    <td> มัธยมต้น</td>
    <td><div align="center">200บ.</div></td>
    <td><div align="center">100บ.</div></td>
  </tr>
  <tr>
    <td>มัธยมปลาย</td>
    <td><div align="center">200บ.</div></td>
    <td><div align="center">100บ.</div></td>
  </tr>
</table>

เด๊ยวได้คำตอบแล้วจะมาเอาลิงค์ออกครับ แบบนี้มันกดง่ายกว่า

[benitora]

ลองเปลี่ยนไปใช้ Plugin ในการสร้าง Table แทนจะดีกว่านะครับ ตัวนี้ WP-Table Reloaded ใช้ในการสร้าง Table ได้สวยดีนะครับ ปรับแต่งก็ใช้ CSS ได้ครับ

[PockA]

ขอบคุณมากครับ +1

[lalulalalulalala]

ไปแก้ใน CSS ก็ได้ค่ะ
ตรงส่วนนี้อ่ะ  /* Start tables */

.art-article th, .art-article td
{
   padding: 2px;
   border: 1px #FF6699; <ตรงนี้แหล่ะค่ะ เอาเส้นหนาแค่ไหนก็ใส่ไป สีอะไรก็ใส่ไป
   vertical-align: top;
   text-align:left;
}


อันนี้โค้ดตรง table ทั้งหมด เอามาให้ดูเผื่ออยากไต่ดูแก้ง่วงค่ะ  

โค๊ด:

/* Start tables */

.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}

.art-article th, .art-article td
{
	padding: 2px;
	border: dashed 1px #FF6699;
	vertical-align: top;
	text-align:left;
}

.art-article th
{
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

/* Finish tables */

ลืมบอก CSS ของทีมนะคะ 

[PockA]

มาช่วยยามดึกอีกแล้ว ฮ่าๆ  แต่พรุ่งนี้ผมเปิดเทอมแล้วคงไม่ได้เจอตอนดึกๆแล้วนะครับ ฮ่าๆ

ขอบคุณมากครับ