Bloggang.com : panad :

Code_การใส่รูปในพื้นหลังของตาราง (BG)

คำสั่ง background:none url(//.....);

เวลาใส่คำสั่งให้ใช้รูป
<table style="border: ....; background:none url(//.....);">
<tr><td>
ข้อความ
</td></tr>
</table>

ตัวอย่าง
------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(//i11.photobucket.com/albums/a171/merrymod/bgsetn1.jpg);" Cellpadding =20>
<tr><td>
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td></tr></table>
------------------------------------------------------

TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT

*******************

Cellpadding = ระยะห่างจากขอบของ cell ถึงข้อความในตาราง
Cellspacing = ระยะห่างจากเส้นขอบของตาราง และ เส้นขอบของ cell

เวลาใส่ให้ใส่ต่อจาก style=""
<Table style="" Cellpadding = ?? Cellspacing = ??>

ตัวอย่าง
**Cellspacing = 0 Cellpadding =20 กรณีให้ แต่ละ cell มีขอบด้วย

------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(//i11.photobucket.com/albums/a171/merrymod/bgsetn1.jpg);" Cellspacing = 0 Cellpadding =20>
<tr><td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td></tr><tr>
<td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td ></tr></table>
------------------------------------------------------

TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT

**Cellspacing = 10 Cellpadding =20 กรณีให้ แต่ละ cell มีขอบด้วย

------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(//i11.photobucket.com/albums/a171/merrymod/bgsetn1.jpg);" Cellspacing = 10 Cellpadding =20>
<tr><td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td></tr><tr>
<td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td ></tr></table>
------------------------------------------------------

TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT

**ใน "...." คำสั่ง ใช้ : และ ปิดด้วย ;
**แต่นอก "...." ใช้ = และไม่ต้องปิด ใช้ในการกำหนดค่าต่าง
เช่น ความกว้าง width / ความยาว height

อ้างอิงจาก กรอบโทนสีชมพู จากบล็อกของป้ามด

Create Date : 19 มิถุนายน 2550

14 comments

Last Update : 19 มิถุนายน 2550 15:34:32 น.

Counter : 5383 Pageviews.

goodpeople มาเยี่ยมยามบ่ายคะ

โดย: goodpeople 19 มิถุนายน 2550 16:23:12 น.

ขอบคุณค่ะ

โดย: AM NUCH 19 มิถุนายน 2550 18:02:33 น.

แวะมาเยี่ยมค่ะ
แต่ยังงงๆอยู่ว่าใช้ยังไง

โดย: Karaked (Pixie@LA ) 19 มิถุนายน 2550 21:50:07 น.

ขอบคุณมากๆเลยนะคะ ....

โดย: Htervo 19 มิถุนายน 2550 23:08:48 น.

^.^ ขอบคุณคร่า จาลองไปทำดูน้า

โดย: กุ๊กกิ 20 มิถุนายน 2550 15:18:19 น.

สวยดีค่ะ

โดย: aymaze 20 มิถุนายน 2550 20:33:31 น.

มาขอไปใช้ค่ะ

ชอบคุณมากนะคะ

ขอ ad blog ด้วยค่ะ

โห...งกเนอะ...

โดย: ไฟตะเกียง 22 มิถุนายน 2550 23:41:21 น.

ขอบคุณค่ะ จะนำไปใช้ค่ะ

โดย: piggyboy 26 มิถุนายน 2550 14:46:09 น.

อยากได้วิธีทำภาพ slide น่ะค่ะ รบกวน
ช่วยบอกหน่อยได้มั้ยคะ ที่ pimlaad.w@hotmail.com
ขอบคุณมากค่ะ

โดย: นิด (pimladda ) 23 กรกฎาคม 2550 7:23:45 น.

ดีค่า ส่งเมลไปให้แล้วแต่มันตีกลับอะคะ
ภาพ slide หมายถึงอันที่อยู่ด้านข้างนี่ปะคะ

ลองเข้าเวบนี้นะ //www.slide.com
ลองสมัครดูนะคะ (ฟรีค่า) แล้วเอารูปใส่ทำตามวิธีที่เค้าบอก พอใส่เสร็จ มันจะมี Code ในช่อง Embed จากนั้นก็ เอาโค้ดมาวางในบล็อก ก็เป็นอันเรียบร้อยค่า

อันนี้ลูกเล่นเยอะดี น่าสนใจกว่า //www.picturetrail.com/photoFlick/samples/pflicks.shtml

โดย: panad IP: 125.24.20.149 25 กรกฎาคม 2550 11:21:49 น.

อยากเรียนภาษาอังกฤษกับ chirs ค่ะ

โดย: mimi IP: 124.121.137.134 22 กันยายน 2550 21:48:25 น.

ขอบคุณนะจ้าพี่ออย เดี๋ยวจะมารบกวนบ่อยๆ คริๆๆ

โดย: jackjah 18 สิงหาคม 2551 2:02:03 น.

ใส่แล้วทำไมรูปไม่ขึ้นครับ...
ผมอยากใส่แบล็กกราวในตารางมากกว่าใส่ขอบครับ
ช่วยแนะนำด้วยครับ..ขอบคุณมากครับ

โดย: คุณพ่อภัคค์ 17 มิถุนายน 2554 18:30:03 น.

ขอบคุณนะจ้า

โดย: mai IP: 27.55.174.201 13 ธันวาคม 2556 18:47:38 น.