ถามกันตรงๆ เกี่ยวกับ CSS ครับ

[Layiji]

เห็นมีกระทู้เกี่ยวกับ CSS หลายอันแต่ลองอ่านดูแล้วแต่ก็ขอถามซ้ำครับ    ผมพอใช้ CSS เป็นแค่ทำสี ทำ font จัด background ให้นิ่ง และเลื่อน position นิดหน่อย ส่วนใหญ่ผมจะใช้ Table มากกว่า และเมื่อผมเจอระบบ layer (DIV) เลยมึนไปหมดเลย เหมือนหัดทำเว็บใหม่หมดเลย

เลยมีคำถามเกริ่นก่อนถามเกี่ยวกับ CSS เลยครับ

• ใช้ Layer จะมีปัญหาเรื่อง layout มั้ยครับ อาทิเช่น เมื่อเกิดการขยายกรอบ(กรอบยืดตามข้อความที่เพิ่มขึ้นโดยที่เราไม่รู้ว่ายืดเท่าไหร่) layer อื่นจะกระทบหรือเปล่า
• CSS (สำหรับ Layer) ทำทุกอย่างได้เหมือน Table หรือไม่

--------------------------------------
เมื่อผมเลือกใช้ ระบบ layer แล้ว
คำถามคือ
ผมจะทำให้อยู่ตรงกลางยังไงครับ ถ้าผมกำหนดขนาด กว้าง 780 แต่ใช้จอ Resolution สูงกว่า 800*600
(ถ้าเป็น table ผมกำหนด Table หลักเป็น 100% แล้วซอยย่อยเป็น 3 col และค่อยกำหนด col. ตรงกลางเป็น 780 px เลย)


ขอโทษที่ไม่ยอมอ่านตามขั้นตอนครับ ลองดูแล้วมึนไปหลายรอบเลยครับ ทั้ง Wordpress ทั้ง CSS ถ้าศึกษาเต็มที่คงหลายเดือน ขอลัดถามเป็นส่วนๆเถอะครับ 

[wät]

layer โดยปกติมันจะซ้อนๆกันขึ้นมานะครับ ดังนั้นถ้ามี layer ที่มีตัวอักษรติดกันเป็นพรืด มันก็ระเบิดไปแค่ layer นั้น layer เดียว ไม่ไปดัน layer อื่นๆซึ่งอยู่คนละระดับกันครับ (นอกจากจะลืมปิด tag div เอง  )

css div ทำทุกอย่างได้ค่อนข้างครอบคลุมระดับเดียวกับ table นะครับ แต่ถ้าเป็นพวกตารางแบ่งสีซ้อนๆกัน มี colspan rowspan ด้วยแล้ว ผมก็ยังคงใช้ table อยู่ครับ 

ส่วนตัว center ของ div มันต้องมีสองขั้นครับ (ถ้าเป็น table จะสั่ง <table align=center> ได้เลย) มันจะมีตัวนอกที่กำหนดให้ center ตัวที่อยู่ข้างในอีกที

<div id="container">
<div id="content">
content content content
</div>
</div>

#container {position: relative;text-align: center;} ตัวที่อยู่ในนี้จะโดนบังคับให้ center หมด
#content {position: relative;text-align:left;margin:0 auto;width:780px;}"> เพื่อไม่ให้ content จริงๆที่เราต้องการแสดงด้านในโดน center ไปด้วย ก็ใช้ text-align:left ครับ

หรือจะใส่ไว้ใน body เลยก็ได้เช่น

body {position:relative;text-align:center;}
#content {position:relative;margin:0 auto;width:780px;text-align: left;}

[ooooo]

ผมเป็นเหมือนลุงเลย์แหละครับ
ตอนแรกก็มึนตึ๊บ ไปๆมาก็เลยใช้วิธีผ่าทางตันแม่งซะเลย
"ถ้าเราทำ div ไม่เป็น แล้วเราจะกระแดะไปทำทำไม"

วิธีการก็คือจับส่วน content อัดเข้าไปใน table (แล้วจากนั้นต้องจูนกันอีกโข)
(ขอเตือนมือใหม่ว่าอย่าทำเป็นเปอร์เซนต์ เพราะมันจะ ปวด-หัว-ฉิบ-หาย)

ช่วยได้แค่นี้แหละเฮีย 

[Layiji]

ทึ่ต้องมาศึกษาเพราะเจ้า Word press เนี่ยล่ะ ผมทึ่งมากเลยใช้ leyer กับ css กำหนดเพียบ

เลยรู้สึกว่าต้องศึกษาเพิ่มซะแล้ว
(กว่าผมจะความคุม table ได้ดั่งใจนี่นานทีเดียวแหละ)

[นายโอ้เอ้]

ลองใช้วิธีร่าง layout ในกระดาษก่อนก็ได้ครับ
แล้วค่อยกำหนดค่า div ว่ามรขนาดเท่าไหร่เท่าไหร่
แยกออกมาเป็น css หลายๆ class ก็ได้ แล้วลองไล่ไปเรื่อยๆ

ปล.
กำลังมึนๆ อยู่เหมือนกันตอนนี้ ทิ้ง php ไปนาน
พอต้องเขียนโปรแกรม เจอ error เลยมึนตึ๊บ
หาอยู่ตั้งเกือบ 2 ชั่วโมง สุดท้าย ลืมปีกกา } ไปแค่ตัวเดียว 

[iannnnn]

พอจับ div จนถนัดเมื่อไหร่
จะเกลียด tr / td ไปเลยครับ

[Vee]

อ้าว ตอนนี้วีก็ใช้ table, td
แล้วแต่กรณี บางกรณีใช้ div ได้ก็จะใช้ เพราะมันไม่มีผลต่างเวลาดูใน ie/ff

อยากเก่งเท่าคนทำ kubrick จัง

[iannnnn]

อ้าวเหรอ พี่ก็คิดว่าวีใช้ไอ้นั่นแล้วนะน่ะ


ต่อไปหัดเล่น css แบบถลำตัวมั่งดีกว่า
เพราะดองห้องสมุดไว้หลายอันละ - http://del.icio.us/iannnnn/css
เดี๋ยวจะลองทำเพจ css เล่นสักอัน ไม่รู้จะทำได้แค่ไหน

[Vee]

ธีมอันนี้วีใช้ td

เห็นแล้วอยากทำเลย์เอ้าท์ใหม่ เล่น div ดูบ้าง
แต่เดี๋ยวเค้าำทำ มีสามโปรเจ็คค้างไว้อยู่

[iannnnn]

[ooooo]

ไม่ชอบ td ตรงที่ในไำฟร์ฟอกซ์ เวลากด ctrl + คลิกเมาส์ไปที่ td ใดๆในเว็บ
มันจะเป็นกรอบๆช่องๆ ทำให้ไอ้คนแกะเว็บมันรู้เทคนิคหมด
แต่ถ้าเป็น div มันจะไม่มีให้เห็น รู้สึกว่าเว็บนั้นมันเหนือชั้น

[iannnnn]

แต่ใช้ อทช CSSViewer จิ้มพรวดเดียว รู้โคตรเหง้าสักหลาดหมด

[icez]

อันที่จริง div ไม่ใช่ tag สำหรับ layer เฉพาะทางนะครับ มันก็แค่คำสั่งจัดรูปแบบลักษณะหนึ่ง

โดยมากจะใช้กะพวกจัดกลาง ชิดซ้าย ชิดขวา อะไรพวกนี้

ตัวกำหนดว่าเป็น layer หรือไม่ ให้ดูที่ css style ของ tag นั้นๆ ครับ (style="position: absolute; top: 0px; left=0px;") ประมาณเนี้ย จะทำให้เป็น layer ลอยขึ้นมาจากระดับปกติ (นึกถึงขนมชั้น)

1 ชั้น (layer) จะมีกี่ object ก็ได้ แต่แต่ละ object จะไม่ซ้อนกันเด็ดขาด วิธีทำให้ซ้อนกันคือเพิ่ม layer โดยกำหนด z-index เข้าไป ว่ามันอยู่ชั้นที่เท่าไหร่

[|<3N]

div คืออะไรครับ {หมีโหด}

[Vee]

<div></div>
ค่ะ ก็คือ layer ในดรีมวีพเวอร์นั่นแหละ