ด้วยข้ออ้างที่ไม่่อยากใช้ table เลยเกิดคำถามว่า ทำไมถึงต้องใช้ เพราะว่า ผมว่าคงเรนเดอร์ ได้เร็วกว่า ตาราง และง่ายต่อการควบคุมโดยใช้ CSS ใช่มะ
การใช้ div tag ก็ง่ายๆๆเลย
div นี่คือะไร ผมอทิบายง่ายๆๆ ละกัน ก็คือกล่องไง ใช้ css ในการควบคุม div tag ได้อย่างง่ายดาย
เขียนแบบนี้
สามารถกำหนด id ให้มันได้ง่ายดาย ถ้าใน dreamweaver ก็ ตรง properties นะ
ตัวid นี้ สามารถ ตรงเข้า css เลย ชิวๆๆ
เช่น
หรือ โค็ตแบบนี้
ส่วน css ก็ตามนี้เลย
#container {
background-color: #003366;
height: auto;
width: 100%;
position: absolute;
border: thick none #FF6600;
padding: 10px;
margin: auto;
}
#content {
margin: auto;
padding: 0px;
width: 800px;
background-color: #00FF00;
}
จะสังเกตุได้ว่า ชื่อ id ตรงกับ ชื่อ css เลย กริ้วๆๆ ง่ายจังฮู้
มีหลายคนสงสัยว่าจะสร้าง div ให้อยู่ กลางหน้าได้อย่างไร?
คือต้องสร้าง div ใหญ่ มาก่อนหนึ่งอันครับ อันใหญ่เลย กว้าง 100% แล้ว div อันด้านในนั้น ก็ เซ้ท magin เป็น auto ซะ ใส่ width ที่ต้องการด้วยนะจ้า แค่นี้เอง
จะมาอธิบายเพิ่มเติมนะครับ
ช่วงนี้ยังไม่มีเวลาอัดวีดีโอเลย
ไม่มีความคิดเห็น:
แสดงความคิดเห็น