<div> ที่ครอบชั้นนอกสุด
ให้ตัด text-align: center; ทิ้งไปครับ text-align เอาไว้จัดตำแหน่งของตัวหนังสือครับ
เหลือแค่ด้านล่างพอครับ
{
margin: 0 auto;
}
ตามนี้ครับ
div ชั้นนอกสุด ส่วนมากจะเป็นตัวบอกขนาดซะมากกว่าจะไปจัดการกำหนดค่าอะไรให้มัน (กำหนดค่าที่เป็น univer พอ เช่น color: , font-size blabla)
นึกถึงว่า เว็บเพจเป็นห้องกว้างๆ divชั้นแรก เป็นกล่องใบนึง คุณจะสร้างกล่องมาขนาดแค่ไหนก็ว่าไป
แล้วข้างในกล่อง จะทำเป็นเก๊ะสามชั้น (header , container , footer) แล้วในเก๊ะ จะวางของอะไรอีก ก็ไปจัด style ของของชิ้นนั้นก็พอ (เช่นเอากรอบรูปขนาด width:100px height:100px วางมุมซ้ายก็ float:left)
ส่วนกรอบรูปนั้นจะมีภาพอะไร จะมีอะไรในกรอบรูป (เช่นซองจดหมายเหน็บด้านหลัง) ก็ใส่รายละเอียดตรงนั้นไปอีกที
ส่วน text-align เอา่ไว้ใช้จัดตัวอักษร (ตามชื่อ text) อย่างที่ข้างบนบอกครับ
(ลองเอา text-align ไปจัด <img /> ดูสิ
)
ps.อรุณสวัสดิ์ครับ
คุณ guzzilar นอนดึกตื่นเช้านะครับ
ผมเริ่มการศึกษา CSS จาก 0 ตอนนี้เหมือนอลิสในแดนมหัศจรรย์ครับ
ผมเองก็งงเหมือนกันครับ ตอนนี้ก็ไม่รู้แล้วว่า Logo ของผมมันไปอยู่ตรงกลางใน IE ได้ด้วยคำสั่งอะไร
ยังไม่รู้เลยว่าถ้าเอาไปติด Joomla จริงๆแล้ว ถ้าใส่ PHP ให้โมดูล มันจะรวนมากน้อยขนาดไหน
ตอนนี้กำลังหาข้อมูลเกี่ยวกับ Div ในตำแหน่งต่อไปครับ
คือการกำหนด Div ให้กับตำแหน่ง module เพื่อที่จะให้มันย่อหรือขยายได้ตามขนาดของโมดุลที่จะใส่ไปครับ
พัฒนาเว็บไซต์
