CSS เด็ดๆ

[มังกร]

อันนี้ประชดรึเปล่าครับ 5 ปี

จริงๆ

โหะ !!
ใช้ยากพอๆกับ ดรีมฯ เลยนะครับนี่
 

วิธี Word Wrap แบบหักดิบ กูไม่สนอะไรทั้งนั้น

โค้ด:

.break-word {
  word-wrap: break-word;
}

จาก http://www.webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap/#more-488

ถามพี่แอนหน่อยครับ
ต่อมาจากกรณี bg เว็ปเฟลนะครับ ทำยังไงถึงจะโชว์แบคกราวน์แดงเฉพาะไอ้อี6 ... ได้ครับ?

ไป View Source เอาเลยครับ
จะมีซ่อนข้อความนี้ไว้

โค้ด:

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="/img/iefail.css" />
<![endif]-->

ทีนี้จะยัดอะไรใส่ CSS ก็ว่าไปจ้ะ

แล้วถ้าดันไม่เห็นข้อความนี้หล่ะครับ ยัดข้อความนี้ลง css ด้วยเลยใช่มั้ยครับ?

อ๋อๆ
หมายถึงใส่โค้ดนี้ลงในไฟล์ html ครับ
ลองเข้า FAILin.th แล้ว View Source ลอกเลย!

อ่อครับ ขอบคุณครับ

[มังกร]

ทำไม(ก่อนหน้านี้)ตูพยายามอ่านแล้วหาไม่เจอ

คืองี้ๆ

ไอ้โค้ดข้างบนนั่นคือบอกไฟล์ html ว่า เฮ้ย อันนี้เฉพาะเบราว์เซอร์ที่ IE6 ลงมานะ
(มันมีแบบอื่นอีก ดูที่ http://www.thesitewizard.com/css/excludecss.shtml ก็ได้)
แล้วข้างในจะใส่อะไรก็ว่าไป เช่นอันนี้บอกว่าถ้า IE6- ให้เรียกไฟล์ css สำหรับ IE6 นะ
อยู่ในไฟล์นี้ๆ นั่นแหละจ้ะ

(ข้างบนนั่นได้ยังไม่รู้)





เจอมา อันนี้เมพโคตร
ถ้าขนาดเบราว์เซอร์กว้างตามที่กำหนด ก็สั่งให้แสดงผล CSS จากไฟล์ที่ต้องการได้
ถ้านึกไม่ออกให้ดูคลิป

Resolution Dependent Layout with CSS

แต่ต้องใช้ jQuery ช่วยนะ ถ้าไม่ใช้ก็คือเปิดมาโหลดอันเดียวอยู่เลย แต่ก็เมพอยู่ดี
http://css-tricks.com/resolution-specific-stylesheets/

http://css-tricks.com/attribute-selectors/
สอนใช้และเปรียบเทียบ Selector แบบต่างๆ ครับ
เพิ่งรู้ว่ามัน [ใส่][หลายอัน] ได้ด้วย

กรี๊ดดดดดด

http://www.student.oulu.fi/~laurirai/www/css/middle/

จัดกลางแนวตั้งกันเถอะ
(ไม่ง้อ IE6 มันละ)