callmebird.com

http://www.lonniebest.com/FormatCSS/
http://www.codebeautifier.com/

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fcss-formatter’;
addthis_title = ‘%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%88%E0%B8%B1%E0%B8%94%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B9%81%E0%B8%9A%E0%B8%9A+css’;
addthis_pub = ‘callmebird’;

จากตอนที่แล้ว http://callmebird.com/weblog/using-image-as-link
วันนี้มีอีกวิธีนึง จะเขียนไว้กันลืม
ใช้แท็ก <a> เหมือนเดิม

<a class="imagelink" href="#">xxx.com</a>

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fusing-image-as-link-2′;
addthis_title = ‘Using+an+image+as+a+link+%282%29′;
addthis_pub = ‘callmebird’;

การสร้าง element เพื่อบรรจุข้อความในเว็บบ่อยครั้งที่เรา
ไม่สามารถคาดการณ์ได้ล่วงหน้าว่าข้อความจะมีความยาวเท่าไหร่
ถ้าหากใช้ height กำหนดความสูงให้กับ element ก็จะเกิดปัญหา
เมื่อข้อความใน element นั้นยาวเกินกว่าที่ element นั้นจะบรรจุไว้ได้
ส่งผลกระทบต่อ element อื่น ๆ ในหน้าเว็บ เพราะความสูงยังคงเท่าเดิม
ไม่ได้ขยายไปพร้อม ๆ กับตัวอักษรที่ล้นออกไป ทำให้เกิดปัญหา
ข้อความซ้อนทับกัน

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fcss-min-height-cross-browser’;
addthis_title = ‘CSS+min-height+%E0%B9%81%E0%B8%9A%E0%B8%9A+cross-browser’;
addthis_pub = ‘callmebird’;

การที่เราจะเขียนเว็บไซต์ที่ใช้ style sheet โดยเฉพาะแบบ tablelessให้ cross browser
มาสักเว็บนึง เป็นเรื่องที่ยากลำบาก เพราะ web brower รุ่นเก่า มาตรฐานการ render จะต่าง
จาก web browser รุ่นใหม่ แม้กระทั่งยี่ห้อเดียวกัน แต่ต่างรุ่น ก็แสดงผลต่างกัน เช่น IE6 กับ
IE7 ที่แสดงผลบางอย่าง ไม่เหมือนกัน ดังนั้น เพื่อให้บรรลุวัตถุประสงค์(ทำเว็บ cross browser)
เราก็ต้องอาศัย การ hack css เข้าช่วย

addthis_url = ‘http%3A%2F%2Fcallmebird.com%2Fweblog%2Fcss-hacks’;
addthis_title = ‘CSS+hacks’;
addthis_pub = ‘callmebird’;