เพื่อนๆ คงจะเคยทำกรอบรูปที่แสดงบนเว็บที่ต้องใช้ Photoshop ช่วยในการสร้างเงาของกรอบรูป หรือทำให้กรอบรูปเป็นมุมมน วันนี้ผมมีตัวอย่างในการทำกรอบรูปดังกล่าวโดยที่ไม่ต้องพึ่ง Photoshop เลยครับ แต่เราก็ต้องมีตัวช่วยทดแทนหน่อยนั่นก็คือ ต้องพี่ง css ครับ ซึ่งการใช้ css ในการสร้างกรอบรูปนั้นจะช่วยให้เว็บเราเร็วขึ้นด้วย เพราะไม่ต้องไปเสียเวลาโหลดรูปภาพมาทำเป็นกรอบ อ่านเพิ่มเติม »
Tag Archives: css
เล็กๆ น้อยๆ เกี่ยวกับการกำหนดค่า css width ของ label
เขียนโดย imooh เมื่อ February 11, 2011 ความคิดเห็น
เล็กๆ น้อยๆ เกี่่ยวกับการกำหนดความกว้างให้กับแท็ก label (<label>) เพื่อนๆ อาจพยายามกำหนดความกว้างให้กับเจ้าแท็ก label นี่นานทีเดียว ทำยังไงมันก็ไม่ยอมกว้างเท่าที่ผมต้องการ ประมาณว่า กำหนดให้เท่าไหร่มันก็อยู่ของมันเหมือนเดิมไม่ยืดไม่หดอะไรเลย ก็เลยเอาวิธีการเล็กๆ น้อยๆ นี้มาฝากครับ อ่านเพิ่มเติม »
การลบ whitespace รอบๆ รูปภาพในตาราง
เขียนโดย imooh เมื่อ October 30, 2009 ความคิดเห็น
อ่านหัวเรื่องแล้วอย่างงนะครับ (ตัวเองแอบงงนิดๆ ฮ่าๆ) ปัญหามีอยู่ว่า ถ้าเราใส่แท็ก img เข้าไปในแท็ก table มันจะเกิด whitespace ขึ้นมาที่ใต้ภาพ เมื่อแสดงผลด้วย IE ซึ่งเราสามารถลบ whitespace นี้ออกไปได้ด้วยการนำเอา css เข้ามาช่วยครับ ซึ่งเราอาจจะเขียนเป็น class ไว้ในไฟล์ css ประมาณนี้ครับ อ่านเพิ่มเติม »
การวาง layout ของเว็บไซด์ให้อยู่ตรงกลางหน้าด้วย css
เขียนโดย imooh เมื่อ June 9, 2009 4 ความคิดเห็น
วันนี้มาพูดถึงปัญหาอีกอย่างหนึ่งสำหรับคนที่พึ่งเริ่มออกแบบเว็บไซด์กันครับ ซึ่งก็คือ การวางเนื้อหาให้อยู่ตรงกลางหน้านั่นเอง ปัญหานี้จะเกิดกับคนที่ต้องการกำหนดความกว้างของเว็บไซด์ไว้ตายตัวครับ(fixed) บางคนพอปรับให้อยู่กลางหน้าได้แล้ว (ดูด้วย IE) โอ้โหอยู่ตรงกลางสวยงามครับ แต่พอไปดูด้วย firefox เอาแล้วไงงานเข้าจนได้ ทำไม๊ทำไมไปชิดซ้ายกันหมดเลยล่ะค๊าบบบ – -a ผมก็เลยนำเอาเทคนิคการจัดการกับ layout ให้อยู่กลางหน้ามาฝาก พร่ำมานานแล้วก็เริ่มกันเลยครับ อ่านเพิ่มเติม »
