อยากให้ Modules: Menu แสดงเมนูเป็นแนวยาวครับ

[jamepiyawat]

พอดีว่าผมได้สร้าง Modules: Menu ขึ้นมาแล้ว Menu นี้มี Menu Items 5 ตัวแต่ว่าเมนูทั้ง 5 นั้นแสดงออกเป็นแนวตั้ง

จะทำให้อย่างไรให้ Modules: Menu แสดง Menu Items เป็นแนวนอนครับ

Selection_999(418).png (9.71 KiB) Viewed 362 times

[tsukasaz]

กำหนด css ให้เป็นแนวนอนได้ ถ้ามันเป็น ul li ก็กำหนดที่ li ให้เป็น display: inline-block

[jamepiyawat]

โค้ดเป็นแบบนี้ ผมควรจะทำยังไงดีครับ

Code: Select all

echo '<li class="' . $class . '">';

[tsukasaz]

สร้าง rule ใหม่ขึ้นมาเลย ดูว่าไอดี หรือ class อะไรคลุมอยู่บ้างครับ แล้วก็ไล่เข้ามาจนถึง li

[jamepiyawat]

ทำได้แล้วครับแต่ผมสร้าง class ใหม่แบบนี้ ครับ

Code: Select all

$class = 'item-' . $item->id . ' testss';

Code: Select all

echo '<li class="' . $class . '">';

ทำให้ li มี class $class กับ testss ครับแล้วมากำหนด css แบบนี้ครับ

Code: Select all

.moduletable .testss{
  display:inline-block;
}