Q - ทำ CSS breadcums แต่ว่าแสดงผลเพี้ยนในตอนกด next ครับ

ถามตอบ ปัญหาการพัฒนา Extension ไม่ว่าจะเป็น Module plugin Component หรือ แม้แต่ template การปรับแต่งโค้ด Joomla ต่างๆ ทุกเวอร์ชั่น 1.5 2.5 หรือ 3.x

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 761
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

Q - ทำ CSS breadcums แต่ว่าแสดงผลเพี้ยนในตอนกด next ครับ

โพสต์โดย Patipat » 01/08/2019 10:38 am

สอบถามหน่อยครับ พอดีผมทำ css breadcums ตัว step ของการสั่งซื้อสินค้า แต่ว่า ในหน้าแรก (step แรก) css ไม่มีปัญหา
- ในหน้า Step แรก ก็แสดงผลปกติครับ
Selection_999(515).png
Selection_999(515).png (53.95 KiB) เปิดดู 41 ครั้ง

- พอกด Next ถัดไปเพื่อจะทำขั้นตอนต่อไปแล้ว css เพี้ยน ลงมาซ้อนอยุ่ด้านล่างอีกทีนึงครับ แล้วก็ขึ้น โค้ดตามรูปภาพครับ
Selection_999(516).png
Selection_999(516).png (61.21 KiB) เปิดดู 41 ครั้ง


โค้ดครับ

โค้ด: เลือกทั้งหมด

<ul id = "breadcrumb">
    <?php foreach($this->steps as $k=>$step){?>
      <li> <a class = "jshop_order_step">
      <?php print $step;?> </a></li>
    <?php }?>
  
</ul>


โค้ด css **แต่นำมานิดเดียวให้ดูครับ ว่า id class ผมใส่ถูกต้องหรือไม่ครับ

โค้ด: เลือกทั้งหมด

#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #eb4947;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
  font-size: 13px;
If you fall, let you stand. :)

ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 9961
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - ทำ CSS breadcums แต่ว่าแสดงผลเพี้ยนในตอนกด next ครับ

โพสต์โดย tsukasaz » 01/08/2019 10:45 am

ในภาพหน้า step ที่ 2 มันมี a มา 2 ตัวนิ ต้องมีตัวเดียวหรือเปล่า
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 761
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

Re: Q - ทำ CSS breadcums แต่ว่าแสดงผลเพี้ยนในตอนกด next ครับ

โพสต์โดย Patipat » 01/08/2019 10:53 am

ทำได้แล้วครับผม ผมลองเปลี่ยน tag a เป็น tag p ครับ

Selection_999(517).png
Selection_999(517).png (27.59 KiB) เปิดดู 36 ครั้ง
If you fall, let you stand. :)


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 5 และ บุคคลทั่วไป 0 ท่าน