ป้ายกำกับ CSS

CSS กลางจอ ตอนที่ 1
CSS กลางจอ ตอนที่ 1

21 ส.ค. 2553 0 13,224

เรื่องของกลางจอ เนี่ย จะดูว่าง่ายก็ง่าย จะยากก็ยากนะครับ เนื่องจากในบางครั้งเราอาจพบว่าบราวเซอร์แต่ละยี่ห้อแสดงผลไม่เหมือนกัน ซึ่งในความเป็นจริงแล้..

CSS กลางจอ ตอนที่ 2
CSS กลางจอ ตอนที่ 2

21 ส.ค. 2553 0 31,647

ตอนที่แล้ว เราใช้ text-align ในการจัดให้ ข้อความอยู่ตรงกลางมาแล้ว ต่อไปเราจะมาดูวิธีการจัดด้วย margin กัน เราเรียนรู้มาจากตอนที่แล้วว่า ถ้าเราต้องก..

สร้างกราฟแท่งแนวนอนด้วย XHTML CSS
สร้างกราฟแท่งแนวนอนด้วย XHTML CSS

21 ส.ค. 2553 0 18,821

เรื่องของเรื่องคือผมต้องการแสดงกราฟแท่งที่รองรับภาษาไทย แต่หลังจากที่ทดสอบการวาด กราฟด้วย GD แล้ว พบว่าบาง Server มีปัญหากับภาษาไทยอยู่เล็กน้อย ก็เ..

การกำหนดให้ footer อยู่ติดด้านล่างของเว็บเพจตลอด
การกำหนดให้ footer อยู่ติดด้านล่างของเว็บเพจตลอด

18 ส.ค. 2553 0 65,251

โค้ด CSS สำหรับกำหนดให้ แสดงเว็บเพจเต็มจอภาพ(ความสูง) และ แสดงส่วนของ footer อยู่ติดด้านล่างของเว็บเพจตลอด รองรับการแสดงผล ใน IE,Firefox,Opera,Chro..

Cascading style sheets (CSS) properties
Cascading style sheets (CSS) properties

17 ส.ค. 2552 0 13,243

ตารางค่าและคุณสมบัติของ CSS Attribute Property Possible Values background-attachment value fixed, default background-color: color a color value backg

ว่าด้วยเรื่อง ขนาด ของ CSS
ว่าด้วยเรื่อง ขนาด ของ CSS

17 ส.ค. 2552 0 20,364

การกำหนดขนาด ไม่ว่าจะเป็นขนาดของตัวอักษร ความกว้าง ความสูง หรือระยะห่าง ของ element ต่างๆ เป็นสิ่งสำคัญสิ่งหนึ่งที่เราจะออกแบบเว็บไซต์ด้วย CSS เป็นผล

ปุ่มเลือกสี
ปุ่มเลือกสี

05 ส.ค. 2552 0 18,702

ปุ่มกดสี่เหลี่ยมเล็กๆสำหรับคลิกเพื่อเลือกสี ที่ผมใช้สำหรับเลือกสีบน Chat Room

เมื่อ Rollover Menu คลิกแล้วไม่เปลี่ยน
เมื่อ Rollover Menu คลิกแล้วไม่เปลี่ยน

22 มิ.ย. 2552 0 12,881

มีคำถามมาจากกบอร์ดเกี่ยวกับ Rollover Menu ผมเลยเอาโค้ดมาลงให้ดู เผื่อมีใครสนใจเหมือนกัน และเพื่อเป็นกรณีศึกษา คำถามมีอยู่ว่า ได้ออกแบบ Rollover Menu

HTML Highlighter
HTML Highlighter

05 มิ.ย. 2552 0 12,812

ทำ hilight ได้ 2 ลักษณะ คือ ใช้ BBCode เช่น [php]....[/php] หรือ ทำ highlight เมื่อ อยู่ภายใน สัญลักษณ์ของโค้ด นั้นๆ เช่น <?....?>

ปุ่มแบบมีรูปภาพ
ปุ่มแบบมีรูปภาพ

24 พ.ค. 2552 0 15,199

การทำปุ่มที่เป็นรูปภาพที่สามารถเปลี่ยนรูปภาพที่แสดงบนปุ่มได้เมื่อเอาเมาส์ไปวางไว้บนปุ่ม เราอาจใช้รูปภาพต้นฉบับที่เป็นรูปภาพใหญ่เพียงรูปเดียว และมีรูป

CSS rollover button เพื่อ SEO (2)
CSS rollover button เพื่อ SEO (2)

24 พ.ค. 2552 0 23,549

ปุ่ม rollover อีกแบบ ที่ใช้รูปภาพเป็นพื้นหลังแล้วใช้ข้อความแสดงบนปุ่มแทนการใช้รูปภาพล้วนๆ ทำให้ไม่ต้องสร้างรูปภาพหลายๆรูป เพียงแค่ทำพื้นหลังของปุ่มเพ

Universal Selector
Universal Selector

13 ม.ค. 2552 0 12,202

หลายๆคนคงสงสัยว่า Universal Selector คืออะไร มันคือเครื่องหมายดอกจันทน์ ที่เราใช้กันใน CSS ครับ (*) ดูตัวอย่างการใช้ * ใน CSS นะครับ ซึ่งจะมีผลทำให้

CSS Hack
CSS Hack

13 ม.ค. 2552 0 11,522

ปัญหาการแสดงผลที่ไม่เหมือนกันในแต่ละ Browse เนี่ย เป็นเรื่องปวดหัวทีเดียว วันนี้ผมนั่งออกแบบฟอร์ม Login แบบที่อยู่บนแถวเดียวกัน โดยทดสอบบน Firefox ก็

CSS Cursors properties
CSS Cursors properties

10 พ.ย. 2551 0 12,100

ตารางแสดง ค่า property ต่างๆของ Cursors ที่สามารถกำหนดได้บน Browser ด้วย CSS ชื่อ ตัวอย่าง (เลื่อนเมาส์ไปบนชื่อเพื่อดูตัวอย่าง) default cursor:defaul

รูปภาพ กับ SEO
รูปภาพ กับ SEO

03 พ.ย. 2551 0 15,629

รูปภาพเช่น tag img ปกติแล้วจะไม่สามารถใช้ในการทำ SEO ได้ เนื่องจาก SE ไม่สามารถเข้าใจความหมายของรูปภาพได้ นอกจากการอ่านจาก tag alt ซึ่งสามารถบอกความห

เมื่อ IE คืนค่า offsetWidth ของ table เป็น 0
เมื่อ IE คืนค่า offsetWidth ของ table เป็น 0

02 ส.ค. 2551 0 7,247

ปัญหานี้ไม่เกิดขึ้นบน Browser อื่นเช่น FireFox หรือ Opera ครับ มันเกิดขึ้นกับ IE อย่างเดียว ลองดูตัวอย่างโค้ดเจ้าปัญหา

ปุ่มกด style Windows XP
ปุ่มกด style Windows XP

02 เม.ย. 2551 0 13,674

ปุ่มกด 3 สถานะ สไตล์ Windows XP เมื่อเมาส์อยู่บน เมื่อกดเมาส์ และ เมื่อเมาส์ออกจากปุ่ม

^