(X3.5) วิธีแก้ไขปัญหา Top List ไม่แสดงผลบางกระทู้
ก่อนแก้ไขหลังแก้ไข
ปัญหานี้เกิดขึ้นจากเดิมใช้การตัดชื่อกระทู้ยาวโดยการขึ้นบรรทัดใหม่เช่น ตัวอย่างชื่อกระทู้- สกินwanpin123_140915+DIY รองรับ X3.4,X3.5ก็จะตัดออกเป็น
- สกินwanpin123_140915+DIY รองรับ
X3.4,X3.5โดยที่เราจะมองไม่เห็นบรรทัดล่าง เนื่องจากถูกซ่อนไว้
แต่เมื่อบางชื่อกระทู้ที่ Web Browser ไม่สามารถตัดคำเพื่อขึ้นบรรทัดใหม่เองได้
จะทำให้เกิดการดันข้อความทั้งหมดไปอีกบรรทัด
แสดงให้เราเห็นเพียงไอคอนจุดเทาข้างหน้า ที่นับเป็น 1 ตัวอักษร และสามารถตัดคำออกไปได้
เช่น ตัวอย่างกระทู้
- สกินveikei_dz_portal_20130815_3d+DIY รองรับX3.4-X3.5กลายเป็น
-
สกินveikei_dz_portal_20130815_3d+DIY
รองรับX3.4-X3.5วิธีแก้ไขคือการแก้ให้ข้อความแสดงเป็นบรรทัดเดียวกันทั้งหมด แล้วซ่อนข้อความที่ยาวเกินในบรรทัดเดียวแทน
โดยการเปิดไฟล์ /template/default/common/module.css หรือไฟล์ในสกินที่คุณใช้อยู่ (ถ้ามี)
ค้นหาคำว่า
.category_newlist li { height: 21px; line-height:21px; overflow: hidden; }แล้วแก้ไขเป็น
.category_newlist li { height: 21px; line-height:21px; overflow: hidden; white-space: nowrap; }บันทึกไฟล์ และอัปเดตแคช (AdminCP > เครื่องมือ > อัปเดตแคช)
หมายเหตุ: ไม่แน่ใจว่าเวอร์ชั่นก่อนหน้านี้มีปัญหามั้ย ยังไม่ได้ทดสอบ แต่ถ้าอยากแก้ไขก็สามาถแก้ไขได้โดยการใช้วิธีเดียวกัน โดยแก้จาก
.category_newlist li { background:url({IMGDIR}/dot.gif) no-repeat left center;height: 21px; line-height:21px; overflow: hidden; padding-left:10px; }เป็น
.category_newlist li { background:url({IMGDIR}/dot.gif) no-repeat left center;height: 21px; line-height:21px; overflow: hidden; padding-left:10px; white-space: nowrap; }
หน้า:
[1]