ป้ายกำกับ CSS

การตัดคำด้วย CSS
การตัดคำด้วย CSS

31 พ.ค. 2556 0 10,633

โดยปกติแล้วเรามักทำการตัดคำดวย PHP ครับ แต่ด้วย CSS3 เราสามารถใช้คำสั่งของ CSS3 ช่วยในการตัดคำแทนได้ ข้อดีของการตัดคำด้วย CSS3 เนื่องจากการตัดคำด้ว..

การตัดคำบน Firefox
การตัดคำบน Firefox

19 มี.ค. 2551 0 7,668

ปัญหาเกี่ยวกับการตัดคำ ของ Firefox ที่ไม่ค่อยเหมือนกันกับบน IE

เมื่อ border-radias ไม่ทำงานบน mobile
เมื่อ border-radias ไม่ทำงานบน mobile

17 พ.ค. 2556 0 1,649

โดยปกติแล้ว การกำหนดขอบโค้งด้วย border-radius สามารถทำงานได้เป็นปกติบน browser ส่วนใหญ่ เช่น .round { -webkit-border-radius: 50%; -moz-border-radiu..

ซ่อนข้อความบนปุ่มด้วย CSS
ซ่อนข้อความบนปุ่มด้วย CSS

28 ม.ค. 2556 0 6,377

โจทย์ของผมก็คือ ผมมีปุ่มค้นหาอยู่ ซึ่งแต่เดิมมันมีข้อความ "ค้นหา" อยู่บนปุ่ม และผมต้องการที่จะเปลี่ยนลักษณะของปุ่มโดยเอาข้อความออก (หรือซ..

สร้างตารางด้วย DIV ใครว่ายาก
สร้างตารางด้วย DIV ใครว่ายาก

10 ก.ย. 2555 0 16,766

การสร้างตารางด้วย Div ไม่ใช่เรื่องยากอย่างที่หลายคนคิดนะครับ เราสามารถเขียน CSS สั้นๆง่ายๆ รวมถึงการเขียน HTML ง่ายๆ เพียงไม่กี่บรรทัดเพื่อให้ได้ตา..

เมื่อ IE (9) กระพริบวูบวาบ
เมื่อ IE (9) กระพริบวูบวาบ

04 ม.ค. 2555 0 6,324

เรื่องของเรื่องคือผมใช้ GModal แสดงกรอบ register และใช้ Tooltip แสดงบน GModal อีกที สำหรับบนบราวเซอร์อื่นๆทั่วไปก็สามารถแสดงผลได้ตามปกติครับ มาติดเ..

เมื่อ IE ไม่สามารถรับ Event ใน Element เปล่าๆได้
เมื่อ IE ไม่สามารถรับ Event ใน Element เปล่าๆได้

17 พ.ย. 2554 0 6,285

เคยบ้างมั้ยครับที่สร้าง Element เปล่าๆ ไม่มีอะไรอยู่ข้างใน แต่มันมีปัญหากับ IE อีตรงที่มันไม่สามารถรับอีเวนต์ของเมาส์ได้ (ไม่สามารถรับ Event mousem..

HTML5 และ CSS3 ตอน จุดเด่นของ HTML5
HTML5 และ CSS3 ตอน จุดเด่นของ HTML5

14 ต.ค. 2554 0 10,821

ว่ากันด้วยเรื่องจุดเด่นของ HTML5 ล้วนๆ 1.Semantic Markup อย่างที่ผมอธิบายในบทความก่อนหน้าแบบสั้นๆว่ามันคือ "ความเป็นมิตรกับผู้ใช้ที่มากกว่าการ..

CSS3 gradient and transparent
CSS3 gradient and transparent

30 เม.ย. 2554 0 7,635

หากมีความจำเป็นต้องทำ gradient ด้วย CSS3 แล้วละก็ การทำให้มันโปร่งใสด้วย จะไม่สามารถทำได้ด้วย opacity เหมือนเดิม ทางออกของปัญหานี้ เราจะมาแก้ไขด้วย..

IE กับ CSS3
IE กับ CSS3

28 เม.ย. 2554 0 11,368

พอดีมีโอกาศได้ลองออกแบบเว็บไซต์โดยใช้ CSS3 กลับพบปัญหาที่ไม่คาดคิดหลายประการ ซึ่งเป็นความบกพร่องโดยตรงของ IE โดยได้มีการทดสอบทั้ง IE7 IE8 และ IE9 ด..

CSS3 gradient cross browser
CSS3 gradient cross browser

26 เม.ย. 2554 0 11,453

เราสามารถสร้างพื้นหลังแบบ gradient ได้โดยไม่ต้องใช้รูปภาพ โดยใช้คำสั่ง ของ CSS3 แต่เนื่องจากบราวเซอร์แต่ละยี่ห้อ มีคำสั่งที่ไม่เหมือนกัน มาลองเรียน..

เทคนิคการใช้งานรูปภาพ Sprite
เทคนิคการใช้งานรูปภาพ Sprite

03 ก.พ. 2554 0 8,893

รูปภาพ Sprite หมายถึง รูปภาพขนาดใหญ่ ที่ประกอบด้วยรูปภาพเล็ๆจำนวนมากภายในรูปภาพนั้นๆครับ ซึ่งการใช้รูปภาพ Sprite กับเว็บไซต์ มีข้อดีที่ รูปภาพจะถูก..

ไม่สามารถ กำหนด opacity ได้บน IE
ไม่สามารถ กำหนด opacity ได้บน IE

12 ต.ค. 2553 0 7,099

ไม่รู้ว่าเคยเจอปัญหานี้กันหรือเปล่า คือ ไม่สามารถกำหนด opacity ให้กับ Element บางตัวได้บน IE แต่ค่าที่กำหนดสามารถทำงานได้บน Browser อื่นๆ การกำหนด ..

ตารางด้วย div (tableless ตอนที่ 3)
ตารางด้วย div (tableless ตอนที่ 3)

23 ส.ค. 2553 0 14,231

เป็นอีกตัวอย่างหนึ่งของการแสดงตารางด้วย div (tableless) ซึ่งในตัวอย่างนี้ แต่ละคอลัมน์มีความกว้างไม่เท่ากัน และสามารถมีข้อมูลได้หลายบรรทัดต่อ 1 เซล..

ตารางด้วย div (tableless ตอนที่ 2)
ตารางด้วย div (tableless ตอนที่ 2)

23 ส.ค. 2553 0 12,673

ในตอนนี้ เราจะมาสร้างตารางจาก div แบบ tableless ในแบบที่แต่ละคอลัมน์อาจมีได้มากกว่า 1 บรรทัดกัน (โค้ดตารางในตอนก่อนๆ จะไม่สามารถแสดงผลในลักษณะนี้ได..

ตารางด้วย div (tableless ตอนที่ 1)
ตารางด้วย div (tableless ตอนที่ 1)

23 ส.ค. 2553 0 20,545

การแสดงผลแบบตาราง ด้วย DIV และ CSS อาจเป็นเรื่องยุ่งยากสำหรับมือใหม่ที่ต้องการออกแบบ แบบ tableless (ไม่ใช้ตาราง) และอาจมีข้อจำกัดมากพอสมควรนะครับ เ..

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

21 ส.ค. 2553 0 8,488

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

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

21 ส.ค. 2553 0 19,784

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

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

21 ส.ค. 2553 0 12,404

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

การจัดตำแหน่งโดย CSS ด้วย float และ clear
การจัดตำแหน่งโดย CSS ด้วย float และ clear

19 ส.ค. 2553 0 59,391

float และ clear เป็น property ที่สำคัญอันหนี่ง ที่มีไว้เพื่อการจัดตำแหน่งของ layout ในแบบ tableless property ทั้งสองตัวมีความหมายดังนี้ครับ float: ..

^