ตามนี้ครับ ผมติดอยู่ขั้นตอนนี้ ยังไปไม่ถึงไหนเลย อยากรู้แค่หลักการ วิธีคิดน่ะครับ พวกรายละเอียดอื่นๆ เช่นสี ไม่ต้องก็ได้ครับ จะสร้าง div ที่มี background image ด้านซ้ายและขวา ส่วนตรงกลางจะใส่เนื้อหาครับ
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" background="images/shade_l.gif"> </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"> </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 อื่น จะเด่น บรรดทัดใหม่
ประมาณนี้