บทที่ 5.4 การจัดตำแหน่งรูปภาพ


การจัดตำแหน่งรูปภาพ อาจจะจัดไว้ตรงกลาง, จัดไว้ด้านซ้ายของตัวหนังสือ, ด้านขวาของตัวหนังสือ หรืออื่นๆแล้วแต่เรานะคะ เราจะใช้แอตทริบิวท์ align เพิ่มลงไปในแท็กรูปภาพได้เลยค่ะ


<img src="images/diary.jpg" align="left" />

ค่าที่จะใส่สำหรับจัดตำแหน่ง ให้ใส่ข้อความเพื่อบอกว่า จะให้รูปภาพอยู่ตำแหน่งไหนของตัวหนังสือค่ะ



การจัดตำแหน่งรูปภาพ



ค่า Value ของแอตทริบิวท์ Align ได้แก่



Left= จัดภาพไว้ด้านซ้ายของตัวหนังสือ
Right= จัดภาพไว้ด้านขวาของตัวหนังสือ
Top = ตัวหนังสืออยู่บรรทัดบนของภาพ
Middle= ตัวหนังสืออยู่บรรทัดกลางของภาพ
Bottom = ตัวหนังสืออยู่บรรทัดล่างของภาพ
TextTop= ตัวหนังสือ อยู่บรรทัดบนของภาพ
Baseline= ตัวหนังสืออยู่บรรทัดล่างของภาพ



ลองนำไปใช้ดูนะคะ





Create Date : 19 ธันวาคม 2551
Last Update : 16 มกราคม 2553 13:52:53 น. 1 comments
Counter : 1410 Pageviews.

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


โดย: Gin-GaL วันที่: 20 มิถุนายน 2555 เวลา:23:50:19 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Buckethuy
Location :
Thailand United States

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

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 26 คน [?]




Group Blog
 
<<
ธันวาคม 2551
 123456
78910111213
14151617181920
21222324252627
28293031 
 
19 ธันวาคม 2551
 
All Blogs
 
Friends' blogs
[Add Buckethuy's blog to your web]
Links
 

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