ขออภัยหากรูปนี้เป็นของเพื่อนในคลับนะครับ
(http://www.xn--12c6cez7ezb.com/images/p7wge1e4ly3fxrymqmg.jpg) (http://www.xn--12c6cez7ezb.com/)
ต้องการจะเรียงรูป ให้เว้น ช่องว่างแบบนี้ต้องใช้ code อะไรครับ
ดูรูปเรียงสวยงามดีครับ
ช่วยบอกทีครับ :wanwan017:
ทำได้หลายวิธีครับ
1. ใส่รูปแล้วให้ float:left โดยมีรูป blank.gif สีเดียวกับพื้นคั้น โดยรูปจริงๆขนาด 1x1 pixel แต่ขยายให้เท่ากับช่องว่างที่ต้องการ
2. ใส่ class ให้รูปขวาสุดไม่ใส่ class แล้วให้รูปที่เหลือมี margin-right:xx px โดย xx เป็นระยะห่างที่ต้องการ
<div id="footer-banner"><img src="pic1.jpg" alt="" class="rmargin" /><img src="pic1.jpg" alt="" class="rmargin" /><img src="pic1.jpg" alt="" class="rmargin" /><img src="pic1.jpg" alt="" class="rmargin" /><img src="pic1.jpg" alt="" class="rmargin" /><img src="pic1.jpg" alt="" /></div>
<style>
/*กำหนดให้รูปใน Div นี้ชิดซ้ายทั้งหมด*/
footer-banner img{ float:left;}
/*ใส่ระยะห่างที่ต้องการ แทน 10px*/
#footer-banner img.rmargin {margin-right:10px;}
</style>
หวังว่าคงช่วยได้บ้างน่ะครับ
+1 ครับ
งงหน่อยครับ float:left ใส่ยังไงไม่ค่อยเก่งโค๊ดครับ
อ้างถึงจาก: arwarin ใน 20 มีนาคม 2010, 10:37:27
+1 ครับ
งงหน่อยครับ float:left ใส่ยังไงไม่ค่อยเก่งโค๊ดครับ
แบบแรกคือจะฝังสไตล์ไปเลยก็ครับ
<img src="pic1.gif" style="float:left" />
:wanwan017: :wanwan017: :wanwan017:
ขอบคุณมากครับ
+1