ต่อไป »

[MyHarlotBrOker]

ตามนี้ครับ ผมติดอยู่ขั้นตอนนี้ ยังไปไม่ถึงไหนเลย อยากรู้แค่หลักการ วิธีคิดน่ะครับ พวกรายละเอียดอื่นๆ เช่นสี ไม่ต้องก็ได้ครับ จะสร้าง div ที่มี background image ด้านซ้ายและขวา ส่วนตรงกลางจะใส่เนื้อหาครับ

โค๊ด:

<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="10" background="images/shade_l.gif">&nbsp;</td>
    <td width="940" align="center" bgcolor="#FFFFFF"><img src="images/header.jpg" width="930" height="255" /></td>
    <td width="10" background="images/shade_r.gif">&nbsp;</td>
  </tr>
</table>

[kuznetsova]

ตามนี้ครับ ผมติดอยู่ขั้นตอนนี้ ยังไปไม่ถึงไหนเลย อยากรู้แค่หลักการ วิธีคิดน่ะครับ พวกรายละเอียดอื่นๆ เช่นสี ไม่ต้องก็ได้ครับ จะสร้าง div ที่มี background image ด้านซ้ายและขวา ส่วนตรงกลางจะใส่เนื้อหาครับ

โค๊ด:

<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="10" background="images/shade_l.gif">&nbsp;</td>
    <td width="940" align="center" bgcolor="#FFFFFF"><img src="images/header.jpg" width="930" height="255" /></td>
    <td width="10" background="images/shade_r.gif">&nbsp;</td>
  </tr>
</table>

<div style="width: 960">
     <div style="width: 300 px; float:left; background-color:#ff00ff; ">
    </div>
     <div style="width: 300 px; float:left;  background-color:#ff00ff;>
    </div>
     <div style="width: 300 px; float:left;  background-color:#ff00ff;>
    </div>
</div>

กำหนด ขนาด แล้วใส่ float:left ใ้ห้มันชิดซ้ายกันอะ ถ้า clear:left แปลว่า มันจะไม่ชิดกับ element อื่น จะเด่น บรรดทัดใหม่

ประมาณนี้

[conner]

<div style="width: 960px;">
     <div style="width: 10px; float:left; background-color:#ff00ff; ">
    </div>
     <div style="width: 940px; float:left;  background-color:#ff00ff;>
    </div>
     <div style="width: 10px; float:left;  background-color:#ff00ff;>
    </div>
    <div style="clear:both;"></div>
</div>

หรือ

<div style="width: 960px; background-color:#666;">
     <div style="width: 940px; margin:0 10px; height:255px; background-color:#ff00ff;>
    </div>
</div>

[guzzilar]

มาเพิ่มเติมให้ เห็นจขกท บอกว่าอยากได้หลักการ+วิธีคิด

ลองคิดว่า Div มันเป็นกล่อง กล่องนึงครับ ที่มีลักษณะความกว้าง ยาว สีของกล่อง อะไรเรากำหนดได้ (propeties , width , height , background)

ทีนี้ คุณต้องการพื้นที่สำหรับเก็บเนื้อหาสามส่วน คุณก็ต้องสร้างขึ้นมา 3 กล่อง (3div) แล้วกำหนด propeties ขนาด ความสูง สี อะไรให้มัน เท่านั้นเองครับ

 

[MyHarlotBrOker]

เข้าบอร์ดได้ละ ขอบคุณทุกท่านมากๆ ครับ กระจ่างแล้ว ก่อนนี้ผมเขียนเป็นแต่ table น่ะครับ เลยต้องมาเรียนรู้อะไรใหม่ๆ เยอะเหมือนกัน

[Jig_Load]

เข้าบอร์ดได้ละ ขอบคุณทุกท่านมากๆ ครับ กระจ่างแล้ว ก่อนนี้ผมเขียนเป็นแต่ table น่ะครับ เลยต้องมาเรียนรู้อะไรใหม่ๆ เยอะเหมือนกัน

เราชอบ div มากๆ สะดวกดี ยัดตรงไหนก็ได้