เทคนิค css 1 บรรทัด
วิธีแก้ปัญหา โดยใช้ css 1 บรรทัด หากใครทำ css อยู่ ต้องเคยเจอกับปํหญหาเหล่านี้ อย่างแน่นอน
- ทำ vertical align ด้วย line-height
line-height:20px;
กำหนด line-height ให้เท่ากับค่า height ของกล่อง
- ป้องกัน content ยาวเกิน layout ที่ใช้การ float และกำหนดความกว้าง
#main{
overflow:hidden;
}#main มักจะหดสั้น เมื่อใช้การ float จนทำให้คอนเท้นหายไป แก้ด้วย overflow (อย่าลืมว่าต้องกำหนดความกว้างด้วย)
- ป้องกัน ลิ้งค์คำยาวๆ ขึ้นบรรทัดใหม่
a{
white-space:nowrap;
}ช่วยให้ลิ้งค์ ขึ้นรรทัดใหม่ ทั้งคำ ไม่ขึ้นบรรทัดใหม่กลางคำ
- จัดตำแหน่งกล่องให้อยู่ตรงกลาง (แนวนอน)
margin:0 auto;
อย่าลืมใส่ความกว้างด้วย
- เอา vertical scrollbar ใน textarea ออก (IE)
textarea{
overflow:auto;
}textarea ใน ie จะมี scrollbar อยู่แล้ว ถ้าอยากเอาออก ก็ใส่ตามนั้นครับ
- บังคับ page breaks ในหน้าปริ๊น
h2{
page-break-before:always;
}สามารถ กำหนด จุดหยุดในหน้าเอกสาร เวลาปริ๊น
- เอาเส้นประ ที่ลิ้งค์ออก (FF)
a:active, a:focus{
outline:none;
}เอา dotted outline ที่ลิ้งค์ออกเวลากดเม้าส์
ถ้าใครมีเทคนิค สั้นๆ แต่ได้ประโยชน์สูง โพสต์ไว้ที่นี่ได้เลยครับ
>-
(
angkoon said,
กรกฎาคม 14, 2008 @ 4:04 pm
form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color: #FFFFFF; font-family:verdana; color: #0000;}
ผมจะเปลี่ยน font ไทยได้ยังครับ
utt said,
กรกฎาคม 15, 2008 @ 11:53 pm
กดเปลี่ยนที่คีบอร์ด ได้เลยครับ![:-\](http://www.divland.com/blog/smilies/yahoo_question.gif ":-\")
“
Sarbuy said,
ตุลาคม 21, 2008 @ 6:17 am
body { margin:0px; padding:0px; background-color: #FFFFFF; font-family:verdana; color: #0000;}
สังเกตุตรง verdana ครับ
ให้เปลี่ยนตรงนี้ อาจจะเป็น Tahoma ก็ได้ครับผม
piya said,
มีนาคม 25, 2009 @ 4:37 pm
ขอบคุณมากครับ เว็บนี้ดีที่สุดเลย ^_^
โหลดเพลง mp3 said,
ธันวาคม 6, 2009 @ 1:31 pm
ข้อมูลดีๆแบบนี้หามาบอกกันเรื่อยๆนะครับ
ดาวน์โหลดเพลงใหม่ฟรี said,
ธันวาคม 6, 2009 @ 1:32 pm
Thank you for good information