Sunday, May 12, 2024
 Popular · Latest · Hot · Upcoming
72
rated 0 times [  75] [ 3]  / answers: 1 / hits: 25590  / 8 Years ago, sun, march 20, 2016, 12:00:00

Here is my Fiddle



How can I make the entire <tr> as clickable.



In the fiddle all the elements like text and images are clickable, but i want to make the entire <tr> clickable. I won't want to make the jQuery query action, as it won't show the href icon while hovering it.



How can I do this ?



I read this question but it still uses jQuery on click event, which won't show the href icon while hovering it



Here is my HTML



<table border=1>
<tbody>

<tr>
<td style=display: none;>
13467.36232877521
</td>
<td style=display: none;>
0
</td>
<td width=5% >
<a href=http://localhost/greenhopping/store/976 style=text-decoration:none;color:black>
<img src=http://greenhoppingbucket.s3.amazonaws.com/store/profile/1458470633N4IjGniw81.png alt=image height=58px width=58px style=margin: -8px 0px -9px -7px; />
</a>
</td>
<td width=25%>
<div class=semibold>
<a href=http://localhost/greenhopping/store/976 style=text-decoration:none;color:black>
Juice Generation Demo 1
</a>
</div>
<div class=text-muted><i class=fa fa-heart yellow></i> 0</div>
</td>
<td width=35%>
<div class=text-muted>
<a href=http://localhost/greenhopping/store/976 style=text-decoration:none;color:black>
Juice Generation, 9th Avenue, New York, NY, United States
</a>
</div>
</td>
<td width=35% class=text-right>
<a href=http://localhost/greenhopping/store/976 style=text-decoration:none;color:black>
<img src=http://greenhoppingbucket.s3.amazonaws.com/tip/1456942351fQoyY8DNZd.png alt=image height=36px width=40px />
</a>
</td>
</tr>
</tbody>
</table>

More From » jquery

 Answers
36

Try putting display as block.



td a { 
display: block;
}


Fiddle



Also have a look at answer in this question too.


[#62873] Thursday, March 17, 2016, 8 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
jakobarmandr

Total Points: 363
Total Questions: 103
Total Answers: 87

Location: Romania
Member since Mon, Jun 6, 2022
2 Years ago
;