สอบถามหน่อยครับ พอดีผมทำ css breadcums ตัว step ของการสั่งซื้อสินค้า แต่ว่า ในหน้าแรก (step แรก) css ไม่มีปัญหา
- ในหน้า Step แรก ก็แสดงผลปกติครับ
- Selection_999(515).png (53.95 KiB) Viewed 488 times
- พอกด Next ถัดไปเพื่อจะทำขั้นตอนต่อไปแล้ว css เพี้ยน ลงมาซ้อนอยุ่ด้านล่างอีกทีนึงครับ แล้วก็ขึ้น โค้ดตามรูปภาพครับ
- Selection_999(516).png (61.21 KiB) Viewed 488 times
โค้ดครับ
โค้ด: เลือกทั้งหมด
<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;
}
สอบถามหน่อยครับ พอดีผมทำ css breadcums ตัว step ของการสั่งซื้อสินค้า แต่ว่า ในหน้าแรก (step แรก) css ไม่มีปัญหา
- ในหน้า Step แรก ก็แสดงผลปกติครับ
[attachment=1]Selection_999(515).png[/attachment]
- พอกด Next ถัดไปเพื่อจะทำขั้นตอนต่อไปแล้ว css เพี้ยน ลงมาซ้อนอยุ่ด้านล่างอีกทีนึงครับ แล้วก็ขึ้น โค้ดตามรูปภาพครับ
[attachment=0]Selection_999(516).png[/attachment]
โค้ดครับ
[code=php]<ul id = "breadcrumb">
<?php foreach($this->steps as $k=>$step){?>
<li> <a class = "jshop_order_step">
<?php print $step;?> </a></li>
<?php }?>
</ul>[/code]
โค้ด css [color=#FF0000]**แต่นำมานิดเดียวให้ดูครับ ว่า id class ผมใส่ถูกต้องหรือไม่ครับ[/color]
[code=php]#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;
} [/code]