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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: ทำยังไง border ทั้งบอร์ดเป็น link ให้เรากดได้ครับ

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

โดย jamepiyawat » 24/09/2019 3:21 pm

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

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

โดย jamepiyawat » 24/09/2019 3:19 pm

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

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

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
Selection_999(968).png (17.85 KiB) Viewed 2510 times

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

โดย tsukasaz » 24/09/2019 3:06 pm

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

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

โดย jamepiyawat » 24/09/2019 3:02 pm

ต้นแบบมาจาก opencart ครับ โดยเข้าใช้เป็นแท็ก a ครับ
Selection_999(967).png
Selection_999(967).png (48.06 KiB) Viewed 2519 times

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

โดย mindphp » 21/09/2019 5:46 pm

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

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

โดย jamepiyawat » 21/09/2019 4:58 pm

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

อยากทราบวิธีที่จะทำให้เราสามารถคลิกแล้วเป็น link ได้ทั้ง li ครับ
Selection_999(941).png
Selection_999(941).png (29.25 KiB) Viewed 2539 times
code

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

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

ข้างบน