ベストアンサー

テーブルのセルにアンカー

2014/02/20 21:51

テーブルのセルにアンカーを貼ることは可能でしょうか? アンカーが貼られたセルに飛んだ際、セルの上の横線が一番上に表示されるようにしたいのですが。回答よろしくお願いします。

yuu789
お礼率8% (153/1886)

HTML
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

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

ベストアンサー

yambejp
ベストアンサー率51% (3827/7415)

2014/02/20 22:40 回答No.2

セル自体（tdやthタグ）にアンカーすることはできません。しかしidを振っておけばそこに飛んでくれるブラウザが多いようです＞セルの上の横線が一番上に＞表示されるようにしたい縦長のページにしてテーブルの下に十分な領域がないとテーブルを上に表示することはできません <a href="#hoge">hoge</a> <table border> <tbody> <tr><td>x</td></tr> <tr><td>x</td></tr> ・・・略・・・ <tr><td id="hoge">o</td></tr> <tr><td>x</td></tr> <tr><td>x</td></tr> ・・・略・・・ </tbody> </table> <a href="#hoge">hoge</a>

質問者

お礼 2014/02/23 15:35

うまく動作しました。ありがとうございます!!

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

ORUKA1951
ベストアンサー率45% (5062/11036)

2014/02/21 10:32 回答No.3

HTML4.01以降は、id属性をリンクターゲットにすることが出来ます。サンプル ★タブは＿に置換してあるので戻す。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css">  ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<ul> ＿＿＿<li><a href="#A">あ</a></li> ＿＿＿<li><a href="#KI">き</a></li> ＿＿＿<li><a href="#SU">す</a></li> ＿＿＿<li><a href="#TE">て</a></li> ＿＿＿<li><a href="#NO">の</a></li> ＿＿</ul> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<table summary="テスト"> ＿＿＿<tbody> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="あ行" id="A">あ</th><td>い</td><td>う</td><td>え</td><td>お</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="か行">か</th><td id="KI">き</td><td>く</td><td>け</td><td>こ</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="さ行">さ</th><td>し</td><td id="SU">す</td><td>せ</td><td>そ</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="た行">た</th><td>ち</td><td>つ</td><td id="TE">て</td><td>と</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="な行">な</th><td>に</td><td>ぬ</td><td>ね</td><td id="NO">の</td> ＿＿＿＿</tr> ＿＿＿</tbody> ＿＿</table> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>

ログインすると、全ての回答が全文表示されます。