CSS เด็ดๆ

[ณัฏฐ์]

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

[iannnnn]

จริงๆ

[เอิร์ธซึ]

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

[iannnnn]

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

โค้ด เลือกทั้งหมด ขยายเนื้อหา

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

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

[inatmon]

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

[iannnnn]

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

โค้ด เลือกทั้งหมด ขยายเนื้อหา


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


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

[inatmon]

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

[iannnnn]

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

[inatmon]

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

[ณัฏฐ์]

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

[iannnnn]

คืองี้ๆ

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

[iannnnn]

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





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

Resolution Dependent Layout with CSS

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

[iannnnn]

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

[หนุ่ม]

กรี๊ดดดดดด

[iannnnn]

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

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