how to make a cell of table hyperlink

Question

How can entire table cell be hyperlinked in html without javascript or jquery   I tried to put href in td tag itself but its not working at least in chrome 18   lt td href  http   www m-w com dictionary   style  cursor pointer  gt

User · Answer

Try this way    lt td gt  lt a href       style  display block   gt  amp nbsp  lt  a gt  lt  td gt

User · Answer

I have seen this before when people are trying to build a calendar  You want the cell linked but do not want to mess with anything else inside of it  try this and it might solve your problem    lt tr gt   lt td onClick  location href  http   www stackoverflow com    gt  Cell content goes here  lt  td gt   lt  tr gt

User · Answer

Not exactly making the cell a link  but the table itself  I use this as a button in e-mails  giving me div-like controls   x000D   x000D   lt a href  https   www foo bar  target   blank  style  color  white  font-weight  bolder  text-decoration  none   gt     lt table style  margin-left  auto  margin-right  auto   align  center  gt       lt tr gt         lt td style  padding  20px  height  60px   bgcolor   00b389  gt Go to Foo Bar lt  td gt       lt  tr gt     lt  table gt   lt  a gt  x000D   x000D   x000D

User · Answer

Problems    User  Kamal  It s a good way  but you forgot the vertical align problem  using this way  we can t put the link exactly at the center of the TD element  even with vertical-align middle    User  Christ  Your answer is the best answer  because there is no any align problem and also today JavaScript is necessary for every one    it s in every where even in an old smart phone    and it s enable by default     My Suggestion to complete answer of  User  Christ    HTML    lt td style  cursor pointer  onclick  location href  mylink html   gt  lt a class  LN1 LN2 LN3 LN4 LN5  href  mylink html  target   top  gt link lt  a gt  lt  td gt    CSS   a LN1     font-style normal    font-weight bold    font-size 1 0em     a LN2 link     color  A4DCF5    text-decoration none     a LN3 visited     color  A4DCF5    text-decoration none     a LN4 hover     color  A4DCF5    text-decoration none     a LN5 active     color  A4DCF5    text-decoration none

User · Answer

you can give an  lt a gt  tag the visual behavior of a table cell  HTML   lt table gt     lt tr gt       lt a href  quot     quot  gt Cell 1 lt  a gt       lt td gt Cell 2 lt  td gt     lt  tr gt   lt  table gt   CSS  tr  gt  a     display  table-cell

User · Answer

Easy with onclick-function and a javascript link    lt td onclick  location href  yourpage html   gt go to yourpage lt  td gt

User · Answer

Here is my solution    lt td gt      lt a href   yourURL  gt  lt  a gt      lt div class  item-container  gt         lt img class  icon  src   iconURL    gt         lt p class  name  gt           SomeText        lt  p gt      lt  div gt   lt  td gt     LESS   td     padding  1     vertical-align  bottom    position relative        a           height  100           display  block          position  absolute          top 0          bottom 0          right 0          left 0                  item-container                               Like this you can still benefit from some table cell properties like vertical-align  Tested on Chrome

User · Answer

Try this   HTML    lt table width  200  border  1  class  table  gt       lt tr gt           lt td gt  lt a href     gt  amp nbsp  lt  a gt  lt  td gt           lt td gt  amp nbsp  lt  td gt           lt td gt  amp nbsp  lt  td gt       lt  tr gt   lt  table gt    CSS    table a       display block      text-decoration none      I hope it will work fine

User · Answer

Why not combine the onclick method with the  lt a gt  element inside the  lt td gt  for backup for non-JS  Seems to work great    lt td onclick  location href  yourpage html   gt  lt a href  yourpage html  gt Link lt  a gt  lt  td gt

User · Answer

I have also been looking for a solution  and just found this code on another site    lt td style  cursor pointer  onclick  location href  mylink html   gt link lt  td gt

[html] how to make a cell of table hyperlink

Examples related to html

Examples related to hyperlink

Examples related to href