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

[jamepiyawat]

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

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

Selection_999(941).png (29.25 KiB) Viewed 1179 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 1159 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 1150 times

[jamepiyawat]

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

[Bailey99]

Thanks for sharing this language info.