{Giúp với} Border phần content ??

Chào các bạn !! mình đang có chút vấn đề về css (border) mong các bạn giúp đỡ
Hiện tại phần content của mình ..mình co chiều rộng lại để được thành 2 cột ,sau khi co xong mình muốn nó hiển thị có border giữa như dưới hình ảnh :


Mình làm mãi mà mãi chưa ra mong các bạn giúp đỡ !
Đây là :=> DEMO

 

Cái này cũng không khó. Khó là vì nó có dạng như sau:
<div class="pane">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
.....
</ul>
</div>
Tại template.css dòng 1302 có đoạn:
.panes .box-cate ul li {
margin-bottom: 10px;
padding-bottom: 10px;
margin-right: 37px;
width: 325px;
float: left;
border-bottom: dotted 1px #ccc; // đây là border của phía dưới
}
=> Nên khi border-right thì tất cả các thẻ li đều có border bên phải, mà theo ảnh bạn muốn là các thẻ li chẵn 2, 4, 6...không có border-right.
Vì vậy trong code của file default.php tại com_product\view\categories\tmp\default.php (hình như là file này ^^ mình chưa test) tại dòng code:
<div class="pane">
<ul>
<?php foreach($models->getproduct($item->id) as $value): ?>
<li>
...
Bạn gán thêm thẻ class hoặc id cho thẻ li, vd như:
<?php
$gan=1;
foreach($models->getproduct($item->id) as $value):
echo '<li id="the'.$gan.'">';
if($gan == 1)
$gan = 0;
else $gan = 1;
?>
...
Khi đó các thẻ li sẽ có dạng:
<li id="the1"> .. </li>
<li id="the0"> .. </li>
<li id="the1"> .. </li>
...
Bạn chỉ cần css lại là
.panes .box-cate #the1{ border-right: dotted 1px #ccc;}
Mong có thể giúp được bạn ^^

 

Mình có làm theo T nhưng các "the0" nhưng nó lại lộn xộn mình check thì lại không có css !! T xem lại hộ t với vẫn link demo trên nhé T

 

Bạn kiểm tra code lại, sao mà bạn làm lộn xộn vây? thay code này
<div class="pane">
<ul>
<?php foreach($models->getproduct($item->id) as $value): ?>
<li>
thành code này:
<div class="pane">
<ul>
<?php
$gan=1;
foreach($models->getproduct($item->id) as $value):
echo '<li id="the'.$gan.'">';
if($gan == 1)
$gan = 0;
else $gan = 1;
?>
Làm lại xem sao? Nhớ copy rùi paste nha...

 

Mình làm lại rồi !! mà giờ : "the0" lại bị mất

 

Bạn làm tôi tức chết quá. Bạn đã đổi cái thẻ <li> thành echo '<li id="the'.$gan.'">'; rồi. Vậy bạn giữ lại thẻ <li> làm gì trong code vậy????
Chỗ này nè:
?>
<li> // cái thẻ này làm gì vậy???

=> Đã nói là bỏ cái đoạn trên, rồi thay bằng đoạn dưới vậy mà cũng chừa lại cái thẻ <li> haizzz, khổ thiệt...

 

OK sory nhé !! mình sơ xuất k để ý ..cảm ơn tú rất nhiều nhé !!

 

Sẵn rãnh chỉ thêm css cho đẹp luôn, tại template.css dòng 1302, thiết lập lại như sau:
.panes .box-cate ul li {
margin-bottom: 10px;
width: 325px;
float: left;
border-bottom: dotted 1px #ccc;
padding: 0px 15px 10px 15px;
}