Welcome, Guest. Please login or register.
Did you miss your activation email?

ห้างหุ้นส่วนจำกัด วี.อาร์.คอม ก็อบปี้ปริ้นเตอร์เซอร์วิส
V.R. Copyprinter Service Part.,Ltd.

7/8 ม.2 เพชรเกษม112 ถ.เพชรเกษม  แขวงหนองค้างพลู เขตหนองแขม กรุงเทพฯ 10160

Share this topic on FacebookShare this topic on Del.icio.usShare this topic on DiggShare this topic on RedditShare this topic on StumbleUponShare this topic on Twitter Author Topic: แยกช่องข่าว กับช่องค้นหา ออกจากกัน (LittleCat)  (Read 3686 times)

0 Members and 1 Guest are viewing this topic.

Offline smfjusthost

  • Administrator
  • *****
  • Posts: 118
  • ขอบคุณ +2/-0

โดยทั่วไป ที่หน้าบอร์ดนั้น ส่วนของ ข่าว กับ ค้นหา จะวางอยู่ในบรรทัดเดียวกัน เช่น



เมื่อเราต้องการวางข่าวที่มีเนื้อหายาวๆ หรือมีรูปภาพใหญ่ๆ ก็อาจจะได้ผลเช่นนี้



เมื่อทดลองใช้ตาราง ในการแยกรูปภาพและเนื้อหาข่าว ให้เป็นสองคอลั่ม ก็จะได้เช่นนี้



ไม่ว่าจะยังไงก็ดี มันก็ยังคงเบียดไปอยู่ข้างนึง และรูปภาพที่ใช้ ก็จะถูกลดขนาดอัตโนมัติด้วยเช่นกัน
นั่นเป็นเพราะว่า ในส่วนช่องข่าวและค้นหานี้ มันแบ่งตารางเป็นสองคอลั่ม ในบรรทัดเดียวกัน เป็น 1 และ 2 ดังรูปข้างบน จึงดูเหมือนสิ้นเปลืองพื้นที่ด้านล่างช่องค้นหาไปเสียเปล่าๆ

เราก็สามารถจับมันแยกกันได้

เปิดไฟล์ index.template.php ค้นหา filter.gif (วิธีค้นหาง่ายๆ ด้วยการใช้ชื่อรูปไอค่อนให้เป็นประโยชน์) จะเห็นส่วนนี้

-ก่อน-


ส่วนของ 1 กับ 2 คือส่วนของตาราง ตามรูปด้านบนที่แสดงให้เห็น

วิธีจับช่องข่าวกับช่องค้นหาให้แยกกัน ก็คือการยำส่วนนี้ (อย่าลืมว่าช่องค้นหานั้นไปจบที่บรรทัดล่างถัดไปหลายบรรทัด)
ลองจับมันโยกย้ายเปลี่ยนบรรทัด แก้ไขกันไป ตามใจชอบ .... (แน่นอนว่าอย่าลืมเช็คโค้ดเปิดปิดที่ถูกต้อง)

-หลัง-


ลองเทียบกันดู ระหว่างรูปก่อนและหลัง ว่ามีอะไรแตกต่างกันไปบ้าง

ใช่เลย ส่วนของ 1 นั้นโดนจับแยกออกมาจาก <tr>...</tr> ข้างบน เพื่อเป็นการแยกบรรทัดออกมา

ในหัวข้อนี้ จะไม่วางสคริปที่เกี่ยวข้อง ลองยำกันดูเองละกัน

ที่สำคัญ พึงจดจำ ! หากมี '; ปิดท้ายบรรทัด คำสั่งของบรรทัดต่อไป ต้องขึ้นต้นด้วย echo '

ผลสุดท้าย เราก็จะได้เช่นนี้



บวกกับการใช้ตารางในช่องข่าว



ทีนี้ ระหว่าง ข่าว กับ ค้นหา มันก็จะไม่แย่งพื้นที่กันอีกต่อไป

อิอิ