ป้ายกำกับ CSS

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

18 ส.ค. 2553 0 31,616

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

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

17 ส.ค. 2552 0 10,769

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

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

17 ส.ค. 2552 0 9,543

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

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

05 ส.ค. 2552 0 13,878

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

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

22 มิ.ย. 2552 0 9,413

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

HTML Highlighter
HTML Highlighter

05 มิ.ย. 2552 0 9,517

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

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

24 พ.ค. 2552 0 11,734

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

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

24 พ.ค. 2552 0 18,591

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

Universal Selector
Universal Selector

13 ม.ค. 2552 0 7,619

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

CSS Hack
CSS Hack

13 ม.ค. 2552 0 8,662

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

CSS Cursors properties
CSS Cursors properties

10 พ.ย. 2551 0 10,290

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

CSS rollover button เพื่อ SEO
CSS rollover button เพื่อ SEO

06 พ.ย. 2551 0 14,071

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

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

03 พ.ย. 2551 0 11,761

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

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

02 ส.ค. 2551 0 5,673

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

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

02 เม.ย. 2551 0 11,643

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

^