Whatever happens, Life has to go on
Group Blog
 
<<
มิถุนายน 2550
 
 12
3456789
10111213141516
17181920212223
24252627282930
 
19 มิถุนายน 2550
 
All Blogs
 

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

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

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


ตัวอย่าง
------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(http://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(http://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
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT


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

------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(http://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
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT


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

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




 

Create Date : 19 มิถุนายน 2550
14 comments
Last Update : 19 มิถุนายน 2550 15:34:32 น.
Counter : 3246 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 หมายถึงอันที่อยู่ด้านข้างนี่ปะคะ

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

อันนี้ลูกเล่นเยอะดี น่าสนใจกว่า http://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 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ


panad
Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 6 คน [?]





สนใจ สั่งซื้อเครื่องสำอางค์ และ สินค้า จากทางญี่ปุ่น ติดต่อได้ทางเวบข้างล่างนี้นะคะ
We Love Shopping
Face Book

Pictures for my blog


Friends' blogs
[Add panad's blog to your web]
Links
 

MY VIP Friend

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.