ป้ายกำกับ CSS

การแก้ปัญหาไม่สามารถกำหนด padding ให้กับ select ในบราวเซอร์บางตั

06 ม.ค. 2558 0 2,917

ตามกฏของ W3 แล้ว เราจะไม่สามารถใช้ padding กับ select ได้ครับ ทำให้การกำหนด padding ให้กับบราวเซอร์บางตัวไม่มีผลแต่อย่างใด ผมเขียนว่า บางตัว นะครับ

Facebook Like Box แบบ Responsive

14 ส.ค. 2557 0 8,113

เราสามารถแสดงผล Facebook Like Box ในแบบ Responsive ได้ง่ายๆ ด้วย CSS ครับ

การใช้งาน DIV ในการแสดงผลเป็นบล๊อคๆในลักษณะของตาราง

15 มี.ค. 2557 0 39,488

ในการกำหนด div ให้มีลักษณะเป็นบล๊อกๆคล้ายตาราง สามารถทำได้ง่ายๆด้วย CSS ที่เลียนแบบ CSS ของตารางดังด้านล่าง ซึ่งวิธีนี้มีข้อดีก็คือ ไม่มีความจำเป็น

การแสดงรูปภาพตามตำแหน่งที่ต้องการจากภาพใหญ่ด้วย CSS

23 พ.ค. 2552 0 15,282

บางครั้งเราอาจไม่ต้องการเก็บรูปภาพหลายๆรูปเพื่อนำมาใช้ในเว็บแต่เราอาจใช้การเก็บรูปภาพใหญ่ๆเพียงภาพเดียวซึ่งมีภาพเล็กๆหลายภาพไว้ภายใน เวลาเราจะแสดงผลร

การแก้ไขเมื่อมีช่องว่างระหว่าง element

19 ก.ย. 2556 0 3,615

หลายๆคนอาจเจอปัญหากำหนดค่า inline หรือ inline-block ให้กับ element แล้ว เกิดช่องว่างที่ไม่ต้องการขึ้นมา ทำให้ element ไม่เรียงชิดติดกันตามที่ต้องกา..

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

31 พ.ค. 2556 0 26,931

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

การตัดคำบน Firefox

19 มี.ค. 2551 0 10,431

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

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

17 พ.ค. 2556 0 3,692

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

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

28 ม.ค. 2556 0 9,434

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

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

10 ก.ย. 2555 0 27,697

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

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

04 ม.ค. 2555 0 9,872

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

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

17 พ.ย. 2554 0 7,450

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

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

14 ต.ค. 2554 0 14,459

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

CSS3 gradient and transparent

30 เม.ย. 2554 0 10,833

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

CSS3 gradient cross browser

26 เม.ย. 2554 0 13,342

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

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

03 ก.พ. 2554 0 12,540

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

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

12 ต.ค. 2553 0 8,198

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

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

23 ส.ค. 2553 0 18,323

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

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

23 ส.ค. 2553 0 16,051

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

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

23 ส.ค. 2553 0 27,364

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