• ベストアンサー

html テーブルのセルにリンクを張りたい

これは正しいですか? <a href="url"><td></td></a> 正しくないとすれば、どうすべきでしょうか?テーブルの特定のセルをクリックした時にページを移動できるように したいのです。できらばjavascriptなしで色々なブラウザで動くものがよいです。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

スタイルシートを使ってみては。 <td width="幅"height"高さ"><a href="url" style="display:block;width:100%;height:100%; bgcolor:#ffffff;"></a></td> 詳細は下記サイトを参照で。

参考URL:
http://www.1uphp.com/con1/table/cell-link.html
solaz
質問者

お礼

大変参考になりました。こんな裏技があったのですね・・ ありがとうございました。

その他の回答 (2)

noname#39183
noname#39183
回答No.3

テーブルのセル内の文字にリンクする方法は皆さんの回答で大丈夫だと思いますよ。 セル全体にはりたい時は、 onclick="フレーム名.location.href='リンク先URL、もしくはファイル名.html'" をTDのところにいれてください。 もしフレームにではなくページ自体を変えたいときは、フレーム名のところにwindowと入力すればOKだったと思います。ちなみに新しいウィンドウで開くことは出来ません^^; onmouseover="this.style.backgroundColor='マウスオン時のセル背景色'" onmouseout="this.style.backgroundColor='#マウスオーバー時のセル背景色'" のタグと一緒に使うことで、アイコンっぽくすることもできます。 例:ウィンドウを同じにしてgooにリンク。セルにマウスを乗せるとセルが赤く変化、それ以外のときは白。セル内に書かれている文字は『文字』 <TABLE> <TR> <TD onclick="window.location.href='http://www.goo.ne.jp/'" onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='#FFFFFF'"> 文字 </TD> </TR> </TABLE>

solaz
質問者

お礼

これはスクリプト無しでは動かないようですが。 大変参考になりました。ありがとうございました。

  • 12pockets
  • ベストアンサー率30% (8/26)
回答No.1

↓これでどうでしょう。 <td><a href="url">&nbsp;</a></td>

solaz
質問者

お礼

セル全体がリンクになるようにしたかったです。 ご回答ありがとうございました。

関連するQ&A