ป้ายกำกับ CSS [เขียนเรื่องใหม่]

เมื่อ IE (9) กระพริบวูบวาบ gOragod 04 มค. 2555 0 341

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

เมื่อ IE ไม่สามารถรับ Event ใน Element.. gOragod 17 พย. 2554 0 620

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

HTML5 และ CSS3 ตอนการเขียน HTML5 gOragod 15 ตค. 2554 0 1297

กฏการเขียน HTML5 จะว่าไปก็คล้ายกัยการกลับไปเขียน HTML แบบผิดๆที่นิยมเขียนกันในแบบสมัยก่อน เพราะจุดประสงค์ของการใช้งานมาตรฐาน HTML5 ก็เพื่อให้เราสา..

HTML5 และ CSS3 gOragod 15 ตค. 2554 0 1328

โค้ด (X)HTML ที่เราใช้กันอยู่ในปัจจุบันเป็น HTML4 ครับ (ปี 2554) และในปีนี้เช่นเดียวกัน กระแสของ HTML5 เริ่มมาแรงอันเนื่องมาจากข้อจำกัดของ HTML4 โ..

HTML5 และ CSS3 ตอน จุดเด่นของ HTML5 (ต.. gOragod 14 ตค. 2554 0 934

มาต่อกันด้วยเรื่องจุดเด่นของ HTML5 กันเลยครับ 3.การเล่นวีดีโอ และ เสียง 4.Canvas สำหรับแสดงรูป วาดรูป แสดงกราฟ หรือ โฆษณาเคลื่อนไหวอื่นๆ ที่สามารถต..

HTML5 และ CSS3 ตอน จุดเด่นของ HTML5 gOragod 14 ตค. 2554 0 1137

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

Open External Links in New Window Auto.. ayeweb 06 สค. 2554 0 733

Open External Links in New Window Automatically

hilight konseo ayeweb 05 สค. 2554 1 982

เว็บเรื่องราว ต่างๆ ที่ hilight konseo ครับ

CSS3 gradient and transparent gOragod 30 เมย. 2554 0 2212

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

IE กับ CSS3 gOragod 28 เมย. 2554 0 2813

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

CSS3 gradient cross browser gOragod 26 เมย. 2554 0 1973

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

เทคนิคการใช้งานรูปภาพ Sprite gOragod 03 กพ. 2554 0 2151

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

ไม่สามารถ กำหนด opacity ได้บน IE gOragod 12 ตค. 2553 0 1758

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

ตารางด้วย div (tableless ตอนที่ 3) gOragod 23 สค. 2553 0 3130

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

ตารางด้วย div (tableless ตอนที่ 2) gOragod 23 สค. 2553 0 3265

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

ตารางด้วย div (tableless ตอนที่ 1) gOragod 23 สค. 2553 0 3940

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

CSS กลางจอ ตอนที่ 1 gOragod 21 สค. 2553 0 3257

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

CSS กลางจอ ตอนที่ 2 gOragod 21 สค. 2553 0 4416

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

สร้างกราฟแท่งแนวนอนด้วย XHTML CSS gOragod 21 สค. 2553 0 3406

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

การจัดตำแหน่งโดย CSS ด้วย float และ cl.. gOragod 19 สค. 2553 0 8592

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

12 3 4