[解決済み] html - テーブルの行をリンクのようにする

質問

テーブルの行を何かにリンクするように設定することができません。cssとhtmlしか使えません。行の中のdivから別のものまでいろいろ試しましたが、まだうまくいきません。

どのように解決するのですか？

2つの方法があります。

• javascriptを使用する。

  <tr onclick="document.location = 'links.html';">

• アンカーを使用する。

  <tr><td><a href="">text</a></td><td><a href="">text</a></td></tr>

を使って2作目を作りました。

table tr td a {
    display:block;
    height:100%;
    width:100%;
}

列と列の間のデッドスペースをなくすため。

table tr td {
    padding-left: 0;
    padding-right: 0;
}

2番目の例の簡単なデモを紹介します。 デモ