ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 8)
จัดการ CSS ในส่วนของ Right ทั้งหมด เริ่มจาก
กำหนดการแสดงผลของ Right
#containner #main #right จะเก็บเนื้อหาที่อยู่ด้านขวามือทั้งหมด1.กำหนดขนาดความกว้างเท่ากับ 570px และจัดอยู่ทางขวามือ
กำหนดการแสดงผลของ Content
#containner #main #right #content จะเป็นกล่องเก็บเนื้อหาเป็นเรื่องๆ ดังรูป
ขั้นตอนการเขียน CSS มีดังนี้
1.กำหนดสีพื้นหลัง
2.จัดให้ตัวอักษรที่อยู่ใน content อยู่ชิดด้านซ้ายมือ
3.กำหนดความกว้างของ content ให้เท่ากับ 540px และ clear : both ไม่ให้วัตถุอื่นอยู่ในระดับเดียวกันกับ content กำหนด margin เท่ากับ 10px
4.กำหนดขนาดและสีของเส้นขอบ
5.Positon type:relative เพื่อกำหนดให้วัตถุใน content อ้างอิงขอบเขตจาก content ทั้งหมด
อ่านเนื้อหาต่อในตอนที่ 9 >>
เกี่ยวกับบทความนี้
- ระดับความยาก : พื้นฐาน
- คะแนนของบทความนี้ : 7
- สร้างเมื่อ : 16-05-2010
- จำนวนครั้งที่เปิด : 4,785
- เนื้อหาที่เกี่ยวข้อง :
- -
คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ
บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (13 เรื่อง)
แนะนำ CSS Layouts
CSS layouts เป็นการจัดหน้าเว็บเพจโดยไม่ต้องใช้คำสั่ง table มีข้อดีอย่างไรในบทความนี้จะบอกทั้งหมด
สร้างเมื่อ : 16-05-2010 10:03 | จำนวนครั้งที่เปิด : 13,241
พื้นฐาน CSS Layout
ความสามารถ CSS layout นั้นเป็นความสามารถใหม่ที่มีใน Dreamweaver CS3 เท่านั้น ในบนนี้จะมีเนื้อหาปูพื้นฐานความเข้าใจในการทำงานของ CSS layout
สร้างเมื่อ : 16-05-2010 10:03 | จำนวนครั้งที่เปิด : 13,623
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 1)
ในบทนี้จะพูดถึงการเริ่มต้นออกแบบเว็บเพจ และตัวอย่างเว็บเพจที่ทำด้วย CSS layout ให้ดาว์นโหลดไปศึกษากัน
สร้างเมื่อ : 16-05-2010 10:03 | จำนวนครั้งที่เปิด : 23,781
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 2)
เริ่มการใช้งาน CSS layout
สร้างเมื่อ : 16-05-2010 10:05 | จำนวนครั้งที่เปิด : 13,462
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 3)
ใส่เนื้อหาให้กับเว็บเพจ
สร้างเมื่อ : 16-05-2010 10:07 | จำนวนครั้งที่เปิด : 10,803
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 4)
เขียน CSS ควบคุมการแสดงผลส่วน HEAD
สร้างเมื่อ : 16-05-2010 10:07 | จำนวนครั้งที่เปิด : 10,801
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 5)
จัดการ CSS ในส่วนของ Containner และ Main
สร้างเมื่อ : 16-05-2010 10:09 | จำนวนครั้งที่เปิด : 9,466
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 6)
จัดการ CSS ในส่วนของ Left ทั้งหมด
สร้างเมื่อ : 16-05-2010 10:10 | จำนวนครั้งที่เปิด : 6,692
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 7)
กำหนด CSS ให้ navigation ต่อจากบทที่ 6
สร้างเมื่อ : 16-05-2010 10:10 | จำนวนครั้งที่เปิด : 5,540
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 8)
จัดการ CSS ในส่วนของ Right ทั้งหมด
สร้างเมื่อ : 16-05-2010 10:11 | จำนวนครั้งที่เปิด : 4,785
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 9)
จัดการ CSS ในส่วนของ Right ต่อจากตอนที่ 8
สร้างเมื่อ : 16-05-2010 10:11 | จำนวนครั้งที่เปิด : 4,835
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 10)
จัดการ CSS ในส่วนของ Right ต่อจากตอนที่ 9
สร้างเมื่อ : 16-05-2010 10:12 | จำนวนครั้งที่เปิด : 4,869
ตัวอย่างการสร้างเว็บเพจด้วย CSS layout (ตอนที่ 11)
จัดการกับ CSS ส่วนสุดท้ายของเว็บเพจ footer
สร้างเมื่อ : 16-05-2010 10:12 | จำนวนครั้งที่เปิด : 6,687
