[CSS][HTML] Klikalny div Opcje

[damian0021]

Cześć,

kombinuje i kombinuje, aby zrobić klikalny div.

Chcę aby cały div .productbox był kliklany, możecie jakoś pomóc? Szukałem w sieci, ale jest dużo zastosowań onclick - a ja takiego nie chce.

Używam bootstrapa.

Wygląda to tak:


Mój kod wygląda tak:

[HTML] pobierz, plaintext 
<div class="row productbox" style="border:1px solid #eee; padding:10px;">
 
<div class="col-md-4"><img src="https://image.ceneostatic.pl/data/products/56404656/f-amazon-best-gift-meski-t-shirt-bluza-z-kapturem-listwa-swetry-multi-przycisk-przycisk-bluza-z-kapturem-koszulka-t-shirt.jpg"></div>
	<div class="col-md-8 product">
		<div class="col-md-8 info">
			<h2 style="font-size:15px;">Product Name</h2>
			<ul class="params">
	        	<li>Category: <strong>1</strong></li>
	        	<li>Category 2 <strong>2</strong></li>
	        	<li>Category 3 <strong>3</strong></li>
	        </ul>
 
	        <p class="category-link">
				<a class="dotted-link" href="#">Lorem ipsum</a>
	        </p>
		</div>
 
		<div class="col-md-4 price">
			<button style="background-color:#e85607; padding-left:50px;padding-right:50px; color:#fff;">Price</button>
		</div>
	</div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował damian0021 2.02.2018, 16:11:04

[viking]

Najbardziej proste rozwiązanie https://prophp.pl/advice/show/18/linkowanie...wych%29_w_html5

[damian0021]

Idąc tym tropem, zrobiłem takie coś, ale nie działa

[HTML] pobierz, plaintext 
<article class="short">
 
    <a href="http://wp.pl">
        <section>
 
 
<div class="row productbox" style="border:1px solid #eee; padding:10px;">
 
<div class="col-md-4"><img src="https://image.ceneostatic.pl/data/products/56404656/f-amazon-best-gift-meski-t-shirt-bluza-z-kapturem-listwa-swetry-multi-przycisk-przycisk-bluza-z-kapturem-koszulka-t-shirt.jpg"></div>
	<div class="col-md-8 product">
		<div class="col-md-8 info">
			<h2 style="font-size:15px;">Product Name</h2>
			<ul class="params">
	        	<li>Category: <strong>1</strong></li>
	        	<li>Category 2 <strong>2</strong></li>
	        	<li>Category 3 <strong>3</strong></li>
	        </ul>
 
	        <p class="category-link">
				<a class="dotted-link" href="#">Lorem ipsum</a>
	        </p>
		</div>
 
		<div class="col-md-4 price">
			<button style="background-color:#e85607; padding-left:50px;padding-right:50px; color:#fff;">Price</button>
		</div>
	</div>
</div>
 
</section>
    </a>
</article>
[HTML] pobierz, plaintext 

[nospor]

Czego nie rozumiesz w zdaniu:

Wewnątrz linkowanego bloku nie może znajdować się inny element wykonujący akcję (button lub kolejny link).

[damian0021]

Przepraszam nie doczytałem.

A co w przypadku jak muszę mieć 2 odnośniki ?

[viking]

To zapewne skoro to bootstrap to jest też jquery. A wtedy przykład na dole.

[damian0021]

Ale niestety pod SEO - jQuery odpada.

[viking]

No to nie masz innej opcji.