ต่อไป »

[saxo4]

ช่วยสอยเขียน HTML การจัดวางรูปหน่อยครับผม รูปแบบประมาณนี้ครับ ผมลองทำเเล้ว

ตรงช่องว่างระหว่างรูปไม่เท่ากันครับ บางครั้งก็ ติดกันไปเลย ต้องเขียนยังไงดีครับ  

[AM-PM]

ใช้ตารางครับ


<table border="1" cellspacing="2" cellpadding="2" width="350">
<tbody>
<tr>
<td valign="top" width="116">URL รูป</td>
<td valign="top" width="116">URL รูป</td>
<td valign="top" width="116">URL รูป</td></tr>
<tr>
<td valign="top" width="116">URL รูป</td>
<td valign="top" width="116">URL รูป</td>
<td valign="top" width="116">URL รูป</td></tr></tbody></table>

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

[m9gantz]

ถ้าจะเอาง่ายๆก็ใส่ตารางไปเลยครับ

โค๊ด:

<table>
 <tr>
  <td>รูป1</td>
  <td>รูป2</td>
  <td>รูป3</td>
 </tr>
 <tr>
  <td>รูป4</td>
  <td>รูป5</td>
  <td>รูป6</td>
 </tr>
</table>

[saxo4]

ถ้าจะเอาง่ายๆก็ใส่ตารางไปเลยครับ

โค๊ด:

<table>
 <tr>
  <td>รูป1</td>
  <td>รูป2</td>
  <td>รูป3</td>
 </tr>
 <tr>
  <td>รูป4</td>
  <td>รูป5</td>
  <td>รูป6</td>
 </tr>
</table>

ใช้ได้ดีเลยครับขอคุณครับผม

[Pink.in.th]

แนะนำอีกทางหนึ่งนะค่ะ


<style type="text/css">
   .Pic{ width:330px; height:auto; clear:both;}
   .Pic ul{ margin:0px; padding:0px; list-style:none;}
   .Pic ul li{ width:100px; height:100px; float:left; background-color:#CCCCCC; margin:5px;}
   .Clear{ clear:both;}
</style>
<div class="Pic">
   <ul>
       <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
<div class="Clear"></div>
</div>

สะดวกนิดหนึ่งค่ะ ^_^