GORAGOD.com

freelance, web developer, web designer, hosting, domain name

ป้ายกำกับ CSS

การแสดงผลแบบตาราง ด้วย DIV และ CSS อาจเป็นเรื่องยุ่งยากสำหรับมือใหม่ที่ต้องการออกแบบ แบบ tableless (ไม่ใช้ตาราง) และอาจมีข้อจำกัดมากพอสมควรนะครับ เ..
เรื่องของกลางจอ เนี่ย จะดูว่าง่ายก็ง่าย จะยากก็ยากนะครับ เนื่องจากในบางครั้งเราอาจพบว่าบราวเซอร์แต่ละยี่ห้อแสดงผลไม่เหมือนกัน ซึ่งในความเป็นจริงแล้..
ตอนที่แล้ว เราใช้ text-align ในการจัดให้ ข้อความอยู่ตรงกลางมาแล้ว ต่อไปเราจะมาดูวิธีการจัดด้วย margin กัน เราเรียนรู้มาจากตอนที่แล้วว่า ถ้าเราต้องก..
เรื่องของเรื่องคือผมต้องการแสดงกราฟแท่งที่รองรับภาษาไทย แต่หลังจากที่ทดสอบการวาด กราฟด้วย GD แล้ว พบว่าบาง Server มีปัญหากับภาษาไทยอยู่เล็กน้อย ก็เ..
โค้ด CSS สำหรับกำหนดให้ แสดงเว็บเพจเต็มจอภาพ(ความสูง) และ แสดงส่วนของ footer อยู่ติดด้านล่างของเว็บเพจตลอด รองรับการแสดงผล ใน IE,Firefox,Opera,Chro..

Cascading style sheets (CSS) properties

17 ส.ค. 2552 0 13,662
ตารางค่าและคุณสมบัติของ CSS Attribute Property Possible Values background-attachment value fixed, default background-color: color a color value backg
การกำหนดขนาด ไม่ว่าจะเป็นขนาดของตัวอักษร ความกว้าง ความสูง หรือระยะห่าง ของ element ต่างๆ เป็นสิ่งสำคัญสิ่งหนึ่งที่เราจะออกแบบเว็บไซต์ด้วย CSS เป็นผล

ปุ่มเลือกสี

05 ส.ค. 2552 0 19,058
ปุ่มกดสี่เหลี่ยมเล็กๆสำหรับคลิกเพื่อเลือกสี ที่ผมใช้สำหรับเลือกสีบน Chat Room
มีคำถามมาจากกบอร์ดเกี่ยวกับ Rollover Menu ผมเลยเอาโค้ดมาลงให้ดู เผื่อมีใครสนใจเหมือนกัน และเพื่อเป็นกรณีศึกษา คำถามมีอยู่ว่า ได้ออกแบบ Rollover Menu

HTML Highlighter

05 มิ.ย. 2552 0 13,259
ทำ hilight ได้ 2 ลักษณะ คือ ใช้ BBCode เช่น [php]....[/php] หรือ ทำ highlight เมื่อ อยู่ภายใน สัญลักษณ์ของโค้ด นั้นๆ เช่น <?....?>
การทำปุ่มที่เป็นรูปภาพที่สามารถเปลี่ยนรูปภาพที่แสดงบนปุ่มได้เมื่อเอาเมาส์ไปวางไว้บนปุ่ม เราอาจใช้รูปภาพต้นฉบับที่เป็นรูปภาพใหญ่เพียงรูปเดียว และมีรูป
ปุ่ม rollover อีกแบบ ที่ใช้รูปภาพเป็นพื้นหลังแล้วใช้ข้อความแสดงบนปุ่มแทนการใช้รูปภาพล้วนๆ ทำให้ไม่ต้องสร้างรูปภาพหลายๆรูป เพียงแค่ทำพื้นหลังของปุ่มเพ

Universal Selector

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

CSS Hack

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

CSS Cursors properties

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

รูปภาพ กับ SEO

03 พ.ย. 2551 0 16,693
รูปภาพเช่น tag img ปกติแล้วจะไม่สามารถใช้ในการทำ SEO ได้ เนื่องจาก SE ไม่สามารถเข้าใจความหมายของรูปภาพได้ นอกจากการอ่านจาก tag alt ซึ่งสามารถบอกความห
ปัญหานี้ไม่เกิดขึ้นบน Browser อื่นเช่น FireFox หรือ Opera ครับ มันเกิดขึ้นกับ IE อย่างเดียว ลองดูตัวอย่างโค้ดเจ้าปัญหา

ปุ่มกด style Windows XP

02 เม.ย. 2551 0 13,929
ปุ่มกด 3 สถานะ สไตล์ Windows XP เมื่อเมาส์อยู่บน เมื่อกดเมาส์ และ เมื่อเมาส์ออกจากปุ่ม
^