- ベストアンサー
セルからリンクを貼る方法について
- テーブルのセルにリンクを貼る方法について質問があります。
- 質問者はテーブル内のセルにリンクを貼ろうとしていますが、HTMLの書き方に悩んでいます。
- ホームページビルダーで読み込むとエラーになるため、適切な方法を知りたいと考えています。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
セルをクリックしたらリンク先に遷移する処理、これでできました。 <HTML> <HEAD> <TITLE></title> <SCRIPT language="JavaScript"> <!-- function goPage(){ document.forms[0].action="xxx.htm"; document.forms[0].submit(); } // --> </Script> </HEAD> <BODY> <FORM> <TABLE border="1"> <TR> <TD onclick="goPage()">クリックすると遷移します</TD> </TR> </TABLE> </FORM> </BODY> </HTML> ホントはファンクションにする必要ないかもしれませんが。 <TD>タグの属性（？）にはonclick等のイベント使えるみたいです。 あ、ただし私はホームページビルダーは使っていないので、読み込んだ際にどうなるかわかりません。
その他の回答 (4)
- Spur
- ベストアンサー率25% (453/1783)
文法的には皆さんが言われるように、リンクを張りたい文字を<A>と</A>で囲み、それをセルの中に入れなければなりません。 文字からリンクすれば良いのですよね？ セルではなくて・・・ 文字数に係わらず、セル全体のどこをクリックしてもリンクするようにしたいのであれば、かなり工夫が必要です。 つまり、文字の前後の空白でもクリックできるようにするということですけど。 そうではないですよね？ ならば、皆さんが言っている方法で良い、というか、それしかありません。 セル全体をクリック対象にするなら、透過画像でセルと同じ大きさのものを作って、そこからリンクするのが簡単でしょうね。
お礼
回答ありがとうございます。 セルを枠で囲み、背景に色をつけ、マウスオーバーで色が変わるようにしてボタンのような感じにしているのです。 画像にすれば簡単なのですが、少しでも軽くしたいと思ってこのような処理をしています。 そういうわけで、できればセル全体からリンクしたいのです。
- KODAMAR
- ベストアンサー率26% (267/1006)
ビルダー使ってないのではっきりとはわからないのですが、 <tr> <a href="***"> <td>あいうえお</td> </a> ↓ <tr> <td><a href="***"> あいうえお</a></td> の方がのぞましいんでしょうね。 でもなぜ文字なのに、セル(TD部分）にリンクを貼る必要があるんでしょうか？ イメージに貼りたいのなら <a href=**><IMG src=**></a> でいいわけですし…。 画像ではなくて、四角いボタンぽいものにリンクをはりたいってことでしょうか？ でも動作してるのなら問題ないのでは？ （ビルダーの件は仕方ないので手で変更するか、ビルダーを使わないとか…） 答えになってなくてすいません。
お礼
早速回答ありがとうございます。 セルを枠で囲み、背景に色をつけ、マウスオーバーで色が変わるようにしてボタンのような感じにしているのです。 画像にすれば簡単なのですが、少しでも軽くしたいと思ってこのような処理をしています。
- ryota2
- ベストアンサー率43% (61/140)
<tr>が含む事の出来る要素は<th>と<td>だけですから、 <a>要素を入れる事は出来ません。 正しくは <table> <tr> <td> <a href="***">あいうえお</a> </td> </tr> </table> とすべきです。 たぶん、IEは甘いから表示してくれますね。
補足
早速回答ありがとうございます。 言葉足らずだったようですが、やりたいのは文字からのリンクではなく、セル全体 からのリンクなんです。 せっかく回答していただいたのにすいません。 表示できてるからいいんでしょうかね？
- shy00
- ベストアンサー率34% (2081/5977)
一般的には以下の様に記述します。 <table> <tr> <td><a href="***">あいうえお</a></td> </tr> </table>
お礼
早速回答ありがとうございます。 言葉足らずだったようですが、やりたいのは文字からのリンクではなく、セル全体 からのリンクなんです。 せっかく回答していただいたのにすいません。
お礼
回答ありがとうございます。 javaですか。 javaはよく分かってませんが、提示していただいたのは簡単そうなので、やってみます。私もビルダーは基本的には使っていないんですが、文法チェックをしようと使ったところエラーが発見されました。