การเรียงรูปแบบนี้ ที่ footer SMF ใช้ code อะไรครับ

[@StarexVIP]

ขออภัยหากรูปนี้เป็นของเพื่อนในคลับนะครับ



ต้องการจะเรียงรูป ให้เว้น ช่องว่างแบบนี้ต้องใช้ code อะไรครับ
ดูรูปเรียงสวยงามดีครับ

ช่วยบอกทีครับ 

[AuGusTin]

ทำได้หลายวิธีครับ
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>

หวังว่าคงช่วยได้บ้างน่ะครับ

[@StarexVIP]

+1 ครับ
งงหน่อยครับ float:left ใส่ยังไงไม่ค่อยเก่งโค๊ดครับ

[AuGusTin]

+1 ครับ
งงหน่อยครับ float:left ใส่ยังไงไม่ค่อยเก่งโค๊ดครับ

แบบแรกคือจะฝังสไตล์ไปเลยก็ครับ

โค้ด เลือก ขยาย

<img src="pic1.gif" style="float:left" />

[samabois]

 

ขอบคุณมากครับ

+1