CSS เด็ดๆ

เริ่มโพสต์โดย Layiji, 30 พ.ค. 2007, 16:56 น.

0 สมาชิก และ 1 บุคคลทั่วไป กำลังเปิดอ่านโพสต์นี้

จักรี

เมื่อก่อน เขียน css แบบ แบบ มั่วๆ ไม่รุ้ทำไม พอเขียนเสร็จก็ลืม เวลาเอามาใช้ก็ก๊อป  เลยทำให้ในสมองไม่มีอะไรเลย   :01:
ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย

iannnnn

เหมือนกัน :30:

จักรี

พี่แอนยังลำดับความคิดไว้ได้ จนเอามาเล่าให้ฟังเป็นวรรคเป็นเวง แต่ผมดิ  :01:
ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย

ooooo

จู่นี้น่าสนใจดีครับ  :45:

iannnnn

http://www.mollio.org/

เว็บนี้เข้าท่าดีครับ
เขาออกแบบ Template CSS เอามาให้ใช้ หลายแบบ
มาถึงเราก็แค่เปิด โหลด แล้วก็อ้างว่าตัวเองทำได้แล้ว หน้าด้านมาก :30:

iannnnn

ตอบป๋าเลย์อีกทีครับ คิอ่อแระ  :08:
(สองคนนี้ไม่รู้เป็นไร ชอบนัดจูดู้กันในเอ็มแล้วเอามาปล่อยที่นี่ :27:)

จากโจทย์ที่ป๋าพยายามจะเลี่ยงการใช้ Table ในการจัดเลย์เอาต์
แล้วก็อยากได้ 3 คอลัมน์ดังนี้
- ซ้าย มี bg ชิดซ้าย ไม่จำกัดขนาด
- กลาง กว้าง 800px
- ขวา มี bg ชิดขวา ไม่จำกัดขนาด
- ถ้าจอแคบไปหรือกว้างไปก็ให้เกิดผลแบบนี้



ก็เลยลองหากันมาตั้งนานว่าทำไง
ปรากฏว่าก็เลยลองทำแบบกำปั้นทุบดินครับ คือ
- ใช้ z-index กำหนดศักดินา ให้อันกลางสูงสุด ซ่อนอันซ้ายขวาไว้ด้านหลัง
- ซ้ายกับขวาใส่ position:absolute อันนึง left อันนึง right
- คราวนี้ไม่ได้สร้าง wrapper ครอบทั้งหมดนะครับ ลืม :31:

เท่านี้แหละครับ เดาว่าจริงๆ มันน่าจะมีวิธีที่ดีกว่านี้แต่ดึกป่านนี้ก็คิดออกแบบนี้แหละครับ
ตายตาหลับและ  :31:

Layiji

จะบอกว่าเอาไปคิดในฝันด้วย  :30:
นักเขียนการ์ตูนรายปี

จักรี

ง่ะ ไม่ใส่ teble เลยอะเหรอ  :08:
ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย

i-poon

table ไม่ดีตรงไหน  :11:
50 levels avaliable, 22 secrets levels avaliable :P

ยุนเอ



มันจะแสดงผลไม่ดี เมื่อไปใช้ web browser non ie base  :42:
เราจะต้องการอะไรมากมายไปกว่า อะไรมากมาย

iannnnn

คืองี้ครับ
ไม่ได้บอกว่าตารางไม่ดีนะ แต่มันจะไม่ได้เป็นตัวหลักในการจัดหน้าเหมือนก่อนแล้วไง
ตอนนี้คนเขียนเว็บ (เอ้า จะบอกว่าฝรั่งก็ได้ เราไปตามตูดฝรั่งกัน) เขาจะแยกเนือหาออกจากดีไซน์
นั่นคือพอถอด css ออกตัวเดียวปั๊บเนื้อหาก็ยังอยู่แต่ดีไซน์จะเหลือแค่ตัวอักษรกับรูปภาพเฉยๆ
ข้อดีคือเวลาเราเขียนเว็บแบบไดนามิกสักพันหน้า เราใส่แม่แบบโยนโครมไปเลยทีเดียวได้
มันเปลี่ยนได้หมดเลยไม่ว่าจะรูป สี พื้นหลังพื้นหน้า ตำแหน่งการจัดวาง
ในขณะที่การวางเลย์เอาต์ด้วยการซอยตารางทำไม่ได้

แต่บางทีไม่ได้คิดอะไรขนาดนั้นตูก็โยนใส่ตารางไปเลย เอา <doctype ...> โยนทิ้งด้วยซ้ำ :30:







อ้าว เอตัดหน้า งั้นต่อเลย
ส่วนเรื่อง IE :13: นั้น ไม่ว่าจะตาราง ตาแม้น ตาแช่ม หรือ css ก็มีปัญหาทั้งนั้นแหละครับ
เพราะพิษจากสงครามมาตรฐานเมื่อหลายปีก่อนมันตกตะกอนมาจนถึงวันนี้
เวลาเขียน css ก็เลยต้องมีวงเล็บอยู่บ่อยๆ ว่ามี IE :13: Hack ซ่อนอยู่ที่บรรทัดนี้ๆๆ

ส่วนเรื่องที่ว่าปัญหามาตรฐานจะหมดไปเมื่อไหร่ ก็ต้องรอให้วิสต้าครองเมืองแบบ XP ก่อน ก็คงราวๆ อีก ๒-๓ ปี
แบบที่จอขนาด ๑๐๒๔ มาแทน ๘๐๐ จนเราเริ่มทำเว็บที่กว้างเกิน ๗๘๐ พิกเซลได้แล้วนี่ล่ะ

i-poon

google.com ใช้ <table>  :11:

(จริงๆ อ่านเรื่อง css มาจากพี่แอนอร่อยแล้วล่ะครับ แต่พอหัดเข้าจริงๆ ก็มาตายตรงมาตรฐานนี่แหละ  :42:)
50 levels avaliable, 22 secrets levels avaliable :P

ยุนเอ



ใบ้หน่อยครับ  :07:
เราจะต้องการอะไรมากมายไปกว่า อะไรมากมาย

i-poon

50 levels avaliable, 22 secrets levels avaliable :P

today


SMF 2.1.7 © 2026, Simple Machines