จะจัดให้ภาพที่เรียงกัน เรียงไปด้านขวายังไงอ่ะ
(http://www.uppic.org/image-C473_53EC86C3.jpg) (http://www.uppic.org/share-C473_53EC86C3.html)
เขียน css ไม่ค่อยเก่ง :wanwan011:
อ้างถึง<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
ลองดูครับ
อ้างถึงจาก: sys2528 ใน 14 สิงหาคม 2014, 16:58:21
อ้างถึง<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
<div style="float:left;">รูปภาพและข้อความ</div>
ลองดูครับ
ได้ละครับ thank +1
display:inline-block อีกทางเลือกนึงครับ
แบบนี้ไม่ต้อง clear float
อ้างถึงจาก: sensepondza ใน 14 สิงหาคม 2014, 18:36:32
display:inline-block อีกทางเลือกนึงครับ
แบบนี้ไม่ต้อง clear float
จะลองดูนะครับ
อ้างถึงจาก: sensepondza ใน 14 สิงหาคม 2014, 18:36:32
display:inline-block อีกทางเลือกนึงครับ
แบบนี้ไม่ต้อง clear float
ใช้ได้ๆ +1 :wanwan003:
อยากทำแบบนี้
(http://www.uppic.org/image-6A10_53ECD0DB.jpg) (http://www.uppic.org/share-6A10_53ECD0DB.html)
แต่ของผมดันเป็นแบบนี้
(http://www.uppic.org/image-5950_53ECD0DB.jpg) (http://www.uppic.org/share-5950_53ECD0DB.html)
แบ่งเป็น 3 คอลัมน์ นะครับผม
///บล็อกใหญ่ 3 อัน
.box{
width: 33%;
display: block;
float: left;
}
////ไอ บล๊อก 4 อัน
.list-box{
list-style: none; margin: 0; padding: 0;
}
.list-box li{
width: 49%;
float: left;
margin-bottom: 15px;
}
.list-text{
}
แบบด้านล่างน่าจะช่วยได้ครับ
<div>
<div style="float: left;">Content for New Div Tag Goes Here</div>
<div style="float: right;">
<div>Content for New Div Tag Goes Here</div>
<div>Content for New Div Tag Goes Here</div>
<div>Content for New Div Tag Goes Here</div>
<div>Content for New Div Tag Goes Here</div>
</div>
</div>
หา Grid system หรือ CSS Framework มาใช้ จะทำให้ชีวิตคุณง่ายขึ้นมากครับ
http://getbootstrap.com/css/#grid
อ้างถึงจาก: max30012540 ใน 14 สิงหาคม 2014, 22:56:21
หา Grid system หรือ CSS Framework มาใช้ จะทำให้ชีวิตคุณง่ายขึ้นมากครับ
http://getbootstrap.com/css/#grid
เชียร์โพสนี้ครับ หัดเล่นดูครับ
:wanwan013: :wanwan013:
อ้างถึงจาก: scanfire ใน 14 สิงหาคม 2014, 22:21:29
แบ่งเป็น 3 คอลัมน์ นะครับผม
///บล็อกใหญ่ 3 อัน
.box{
width: 33%;
display: block;
float: left;
}
////ไอ บล๊อก 4 อัน
.list-box{
list-style: none; margin: 0; padding: 0;
}
.list-box li{
width: 49%;
float: left;
margin-bottom: 15px;
}
.list-text{
}
เหมือนจะเข้าใจแต่ก็งง
ไม่มี html ประกอบเลยหราพี่ คิดภาพไม่ค่อยออก :wanwan023:
http://cssdeck.com/labs/0jfskdad