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

i-poon · 04 เม.ย. 2006, 14:26 น.

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

ฮ่าๆ อันนี้ผมว่าถ้าคนจะแกะยังไงมันก็ต้องแกะได้ครับ สำหรับหมาย่างแล้วมีแสบกว่านั้นตรงดูชื่อกับตัวแปร cookie ได้ หนอยแน่ะ!!!

กลับเข้าเรื่องๆๆ

ขอมองในมุมมองของการใช้งานละกัน
ผมว่า Table กับ Layer มันมีหลักการเลือกใช้ง่ายๆเลย

•• Table เหมาะกับการจัด layout ที่ข้อมูลข้างในมันยืดหยุ่น เปลี่ยนขนาดได้ เช่นพวก dynamic text ที่เปลี่ยนเรื่อยๆ หรือการจัด layout ที่ทำให้เกิดอัตราส่วนกับการขยายขนาดของ browser (งงมั้ย?)

•• Layer เหมาะสำหรับข้อมูลข้างในที่ขนาดคงที่ (ยืดหยุ่นได้น้อย) เช่นข้อความที่เป็นพวก menu ,title ที่ตายตัว หรือรูปภาพ อะไรทำนองนี้

iannnnn · 04 เม.ย. 2006, 14:55 น.

ไม่เคยใช้เลเยอร์ครับ
ใช้แต่ div

saa3 · 04 เม.ย. 2006, 14:56 น.

ผมใช้มั่วๆเอา

Layiji · 04 เม.ย. 2006, 15:06 น.

งั้นถามเลยแล้วกันครับ

แบบนี้ทำยังไงครับ

iannnnn · 04 เม.ย. 2006, 15:12 น.

ใช้ div ซ้อนกันสองชั้นครับ
ชั้นแรกสีเทาสูงเต็มจอ
แล้วบอกให้ข้างในเป็นสีจัมปู

โค้ด เลือกทั้งหมด

<div style="height: 100%; width: 100%; background-color: #aaaaaa; text-align: center">
   <div style="height: 100%; width: 780px; background-color: #ff00cc">
       เย่ๆ คิมูจิ๊
   </div>
</div>

อย่าลืมบอก <body> ให้ margin:0px นะครับ

Layiji · 04 เม.ย. 2006, 18:28 น.

โอ้วขอบคุณมากครับ ถามต่ออีกหน่อย
กำลังจะเปลี่ยนมาใช้ระบบ div แล้ว

แล้วถ้าทำแบบนี้ล่ะครับ

icez · 04 เม.ย. 2006, 18:46 น.

ทำแบบพี่แอนก่อน

โค้ด เลือกทั้งหมด


<div style="height: 100%; width: 100%; background-color: #aaaaaa; text-align: center">
   <div style="height: 100%; width: 780px; background-color: #ff00cc">
       [color=red]*****[/color]
   </div>
</div>

แล้วแก้ **** เป็น div 3 อันไม่ซ้อนกัน

กำหนดประมาณนี้

โค้ด เลือกทั้งหมด

<div style="height: 100px; width: 780px; background-color: #ff00cc">
บลาๆ
</div>
<div style="height: 100%; width: 780px; background-color: yellow">
บลาๆ 2
</div>
<div style="height: 100px; width: 780px; background-color: green">
บลาๆ 3
</div>

edit 1 อ๊ะ เพิ่งนึกได้
ใช้ table ข้างในง่ายกว่าครับ

iannnnn · 04 เม.ย. 2006, 22:17 น.

http://www.subcide.com/tutorials/csslayout/
อันนี้สอนทีละขั้นจนเสร็จเลยครับ
ลองทำตามดู เจ๋งมาก
เหมือนรวมคำตอบที่จานป๋าถามเลยครับ

http://www.intensivstation.ch/en/templates/
อันนี้มาเป็นแบบเทมเพลตให้เลือกโหลดครับ
ลองดู ลองดู

(ทั้งหมดมาจาก del.icio.us/iannnnn/css)

จ๋o · 04 เม.ย. 2006, 22:50 น.

อยากรู้เรื่อง แต่อ่านมาจนหมดแล้ว เช็ดเข้..............คุยอะไรกันวะเนี่ย

iannnnn · 04 เม.ย. 2006, 22:55 น.

เข้สะอาดเอี่ยม
เพราะลุงจ๋อเช็ดให้

Layiji · 04 เม.ย. 2006, 23:01 น.

ปฎิวัติ การทำเว็บแบบ table

icez · 04 เม.ย. 2006, 23:15 น.

ยังไงผมก็ถูกใจ table มากกว่า

http://www.icez.net

ตรงไหนสีๆ นั่นใช้ div
ตรงไหนเป็นกรอบพื้นๆ ใช้ table

ooooo · 04 เม.ย. 2006, 23:23 น.

ผมก็ใช้ table นะ แต่ก็มี div สอดไส้ช็อกโกแลต

เอาเป็นว่าสะดวกอันไหนก็ใช้อันนั้นแล้วกันครับ
ขอให้มันเป็นมาตรฐานสำหรับทุก layout engine ก็พอ

Vee · 04 เม.ย. 2006, 23:57 น.

^
วีก็เหมือนกัน

(สอดไส้ช็อกโกแลต)