>>Blog Divland

Way back in to love

May 15th

กลับมาแล้วจ้า หลังจากหายไปพักนึง เพราะทำการย้ายโฮสต์ใหม่ เพื่อให้มีเนื้อที่มากขึ้น เพราะใช้ไปจนเต็ม ก็มีปัญหาเรื่องภาษาไทยกลายเป็นภาษาต่างดาวบ้างนิดหน่อย แต่ก็แก้ไขเรียบร้อยล่ะนะ แล้วเราก็กลับมาสู่ css ที่รักกันเหมือนเดิม 55 วันนี้ก็เอาเพลงไปฟังกันก่อน ต้อนรับการกลับมานะ ตอนนี้ชอบเพลงนี้มากเลย เอามาทำเป็นริงโทน มือถือ อิ อิ ก็เอามาแบ่งกันฟังนะ มี 2 เวอชั่น ลองฟังกันดู

Way Back into Love

Hugh Grant
(featuring: Haley Bennett)

demo version และ เนื้อเพลง อยู่ด้านในจ้ะ

css hack IE6 !!!

May 7th

Posted by Utto in CSS hacks

8 comments

การ hack ในที่นี้ ไม่ได้หมายถึงว่า เราจะไปเจาะระบบ หรือจะไปทำให้ใครเดือดร้อน แต่จากที่เราได้รู้กันมาว่า การแสดงผลหน้าเว็บเพจ ของเบราเซอร์แต่ละตัวนั้นต่างกัน ก็เนื่องมาจาก มีการอ่านโค้ดที่ต่างกัน ดังนั้นเราจะอาศัยช่องโหว่ตรงนี้เขียนโค้ด เพื่อควบคุมให้เบราเซอร์แต่ละตัว อ่านค่าตามที่เราต้องการ การ hack นั้น มีหลายรูปแบบ โดยจะค่อยๆแนะนำไปทีละรูปแบบนะครับ

-ขอเริ่มจากรูปแบบที่ผมใช้บ่อยที่สุดละกันนะครับ ก่อนอื่นทบทวนกันสักเล็กน้อย ทุกคนคงทราบแล้วว่า css นั้น อ่านค่าจากบรรทัดบนลงล่าง ถ้าเราเขียนว่า Read more…

จัดตำแหน่งด้วย position

May 6th

Posted by Utto in เริ่มต้นกับ CSS

27 comments

property position เป็นอีกตัวหนึ่งที่เราจะใช้กำหนดตำแหน่ง layout แต่ จะสามารถ กำหนด ได้ละเอียดกว่า การใช้ float เพราะเมื่อเรากำหนด position แล้ว สิ่งที่จะต้องกำหนดตามมาก็คือค่า left, right, top ,bottom มาดูกันว่ามีอะไรบ้างและใช้อย่างไร

1. position:static

เป็น default ของ position ถ้าไม่ใส่อะไร ก็จะถือว่า มีค่าเป็น static ก็คือไม่มี position น่ะแหละ พูดตามตรงไม่เคยใช้เลยตัวนี้ แต่มันมีก็เลยต้องอธิบายว่ามันคืออะไร

2. position:fixed

เอาไว้ fixd ให้ อยู่ตรงไหนก็ได้ของ เบราเซอร์ โดยใส่ค่า left, right, top ,bottom หากใส่ ค่า left:10px; top:100px วัตถุที่ถูกกำนดก็จะ อยู่ถัดจากขอบเบราเซอร์ด้านซ้าย 10px ถัดจากด้านบนลงมา 100 px ข้อดีคือ เมื่อเราเลื่อน Scroll bar ลงมา มันก็จะยังคงอยู่ตรงตำแหน่งนั้นไม่หายไปไหน มันตามเรามาทุกที่ ว่าง่ายๆ แต่ property นี้ ใช้ได้กับ เบราเซอร์ใหม่ๆ อย่าง IE7, Firefox2.0 (1.5 ไม่ได้ลอง) ส่วน IE6 ไม่เกิดผลใดๆ ดังนั้น ยังไม่ควรนำมาใช้ครับ

จัดตำแหน่งด้วย float and clear

May 6th

Posted by Utto in เริ่มต้นกับ CSS

18 comments

การวางตำแหน่ง layout ของ div แต่ละอัน เรามักจะใช้ property float และ clear เป็นประจำ ทำให้เราวางตำแหน่งได้อิสระมากขึ้น ในกรณี ที่ต้องการให้มีหลาย คอลัมภ์ ใน 1 หน้า
float นั้นจะคล้าย align ที่เราใส่ใน table เมื่อต้องการให้มันอยู่ชิดด้านซ้าย ก็ใส่ float:left ถ้าชิดขวาใส่ float:right

ส่วน clear นั้น clear:left คือ ไม่ยอมให้มีอะไรอยู่ด้านซ้าย , clear:right คือ ไม่ยอมให้มีอะไรอยู่ด้านขวา,ที่มักใช้เป็นประจำคือ clear:both คือ ไม่ยอมให้มีอะไรอยู่ทั้ง 2 ด้าน มักจะใช้กับส่วน footer Read more…