ทำยังไง border ทั้งบอร์ดเป็น link ให้เรากดได้ครับ

[jamepiyawat]

พอดีว่าผมได้สร้าง แท็ก ul ขึ้นมาแล้วแต่ละ li ก็จะมีข้อมูลออกมาแสดงโดยจะมี border แต่ล่ะ li ทำมีระยะห่างกับตัวอักษรถ้าผู้ใช้ไม่เอาเม้าไปคลิกที่ตัวอักษรมันก็จะไม่เป็น link ทำให้ไม่สามารถไปยังหน้าอื่นได้จำเป็นจะต้องไปคลิกที่ตัวอักษรเท่านั้นถึงเป็น link ให้

อยากทราบวิธีที่จะทำให้เราสามารถคลิกแล้วเป็น link ได้ทั้ง li ครับ

Selection_999(941).png (29.25 KiB) Viewed 132 times

code

Code: Select all

<li class="list-group-item" >
            <a href = "<?php print $curr->category_link ?>">
               <?php print $curr->name ?>
            </a>
      </li>

[mindphp]

ดูต้นแบบที่ต้องการมาจากไหน

[jamepiyawat]

ต้นแบบมาจาก opencart ครับ โดยเข้าใช้เป็นแท็ก a ครับ

Selection_999(967).png (48.06 KiB) Viewed 112 times

[tsukasaz]

ในภาพมันเป็น class ของ bootstrap ลองดูตัวอย่างจากเว็บ https://getbootstrap.com/docs/3.3/components/#list-group-linked

[jamepiyawat]

ลองนำไปใส่แบบนี้ครับ สามารถคลิกได้แต่ว่าไม่มีเส้นและ hover แล้วไม่มีสีขึ้นมาครับ

Code: Select all

echo '<div class="list-group">';
   foreach ($categories_arr as $curr)
   {
      $class = "jshop_menu_level_" . $curr->level;
      if ($categories_id[$curr->level] == $curr->category_id)
      {
         $class = $class . "_a";
      }
      ?>
         <a class="list-group-item"href = "<?php print $curr->category_link ?>">
            <?php print $curr->name ?>
         </a>
      <?php

   }
   echo '</div>';
}

Selection_999(968).png (17.85 KiB) Viewed 103 times

[jamepiyawat]

ทำได้แล้วครับผิดที่ผมไปเขียน class ทับกันครับ

[Bailey99]

Thanks for sharing this language info.