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

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

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

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

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

<li class="list-group-item" >
				<a href = "<?php print $curr->category_link ?>">
					<?php print $curr->name ?>
				</a>
		</li>
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ดูต้นแบบที่ต้องการมาจากไหน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

ต้นแบบมาจาก opencart ครับ โดยเข้าใช้เป็นแท็ก a ครับ
Selection_999(967).png
Selection_999(967).png (48.06 KiB) Viewed 2510 times
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21912
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ในภาพมันเป็น class ของ bootstrap ลองดูตัวอย่างจากเว็บ https://getbootstrap.com/docs/3.3/components/#list-group-linked
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

ลองนำไปใส่แบบนี้ครับ สามารถคลิกได้แต่ว่าไม่มีเส้นและ 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 2501 times
ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

ทำได้แล้วครับผิดที่ผมไปเขียน class ทับกันครับ
Bailey99
PHP Newbie
PHP Newbie
โพสต์: 3
ลงทะเบียนเมื่อ: 04/10/2019 1:33 pm
ที่อยู่: United States
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย Bailey99 »

Thanks for sharing this language info.
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 36