Tags CSS

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

31 May 2013 0 14,183

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

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

19 Mar 2008 0 8,203

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

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

17 May 2013 0 1,943

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

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

28 Jan 2013 0 7,358

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

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

10 Sep 2012 0 21,000

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

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

04 Jan 2012 0 6,909

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

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

17 Nov 2011 0 6,488

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

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

14 Oct 2011 0 11,871

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

CSS3 gradient and transparent
CSS3 gradient and transparent

30 Apr 2011 0 8,404

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

IE กับ CSS3
IE กับ CSS3

28 Apr 2011 0 12,209

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

CSS3 gradient cross browser
CSS3 gradient cross browser

26 Apr 2011 0 11,887

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

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

03 Feb 2011 0 9,575

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

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

12 Oct 2010 0 7,273

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

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

23 Aug 2010 0 15,235

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

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

23 Aug 2010 0 13,133

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

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

23 Aug 2010 0 23,171

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

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

21 Aug 2010 0 9,815

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

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

21 Aug 2010 0 23,976

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

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

21 Aug 2010 0 14,088

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

^