プロが教えるわが家の防犯対策術!

 以下のように<TABLE><TD><TR>内にアンカーを置いたとき、IE9までは問題なく動作したのですが、IE10では動作せず、アンカーが引っかからないかように一番上から表示されます。
何か対応策はないでしょうか?

<html>

<body>
<table>
<tr>
<td>
<a href="aaa"></a>
あいうえお
</td>
</tr>
<tr>
<a href="bbb"></a>
<td>
かきくけこ
</td>
</tr>
</table>
</body>
</html>
----------------------------------------------
http://thispage.html#aaa
http://thispage.html#bbb
IE9まででは、各行で頭出しされるが、IE10では、先頭から表示される。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

<a href=""></a>じゃなくて<a name="aaa">あいうえお</a>ですよ。


<a name="bbb"></a>は、内容がありません。内容は必須です。
リンクの基点は<a href="#ccc">CCCへ</a>と書きますが、これも内容がないとクリックできません。
※なお、デザインや配置のためにtableを使用するのは間違いです。
<td id="aaa">AAA</td>
がターゲット
<a href="#aaa">AAAへ</a>が基点でもよい。
    • good
    • 0

念の為ですが, bbb の方は HTML の文法的に間違っているということは認識できていますね?

    • good
    • 1

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

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

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

回答よろしくお願いします。

Aベストアンサー

セル自体(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>

Qテーブル自体にページ内リンク

テーブル自体にページ内リンクを貼りたいです。

以下のようにテーブルそのものにリンクを貼ると
正常に動作はするのですが、
htmlチェッカーで
”<table> を ×行目の <a>~</a> 内に書くことはできません。 ”
という重大なエラーになってしまいます。

<a href="#r01">テーブルへ</a>

<a name="r01" id="r01"><table class="table-01" summary="相談料金・弁護士費用のご案内"></a>

そこで、以下のようにcaptionやthやtdにリンクを貼ってみたところ
htmlチェッカーでのエラーは消えたのですが
ブラウザによって正常にリンク先へ飛んでくれませんでした。

<caption><a name="r01" id="r01">××</a></caption>
上記だと、Firefoxだと正常に動きますがIEだと動きませんでした。

<th><a name="r01" id="r01">××</a></th>
<td><a name="r01" id="r01">××</a></td>
上記だと、Firefox,IEともに正常に動きませんでした。

どのように修正したらいいのでしょうか?
ご教授お願いいたします!

テーブル自体にページ内リンクを貼りたいです。

以下のようにテーブルそのものにリンクを貼ると
正常に動作はするのですが、
htmlチェッカーで
”<table> を ×行目の <a>~</a> 内に書くことはできません。 ”
という重大なエラーになってしまいます。

<a href="#r01">テーブルへ</a>

<a name="r01" id="r01"><table class="table-01" summary="相談料金・弁護士費用のご案内"></a>

そこで、以下のようにcaptionやthやtdにリンクを貼ってみたところ
htmlチェッカーでのエラーは消えたのですが
ブラウザによって...続きを読む

Aベストアンサー

こんにちは。

<table id="id-table">
</table>

と、tableにidを付けて
<a href="#id-table">テーブル</a>
とリンクを貼ればtableの位置に遷移すると思います。

ブラウザ間の問題は起きないと思いますが、古いブラウザでは飛ばないです。
古いといっても多分相当古いです。IE5.5ではとりあえず動いています。


※ページ内に同一のidは付けられないのでご注意ください。

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

これは正しいですか?

<a href="url"><td></td></a>

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

Aベストアンサー

スタイルシートを使ってみては。

<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

Qテーブルセル余白(例えば左側だけ、上側だけ、など)

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

Qブラウザ依存?へ飛ばない

ブラウザ依存でしょうか?・・・

<li class="yyy"><a href="hoge.html#xxx">ホゲ</a></li>
と記述しているリンクをクリックして、URLは
http://hogehoge.com/hoge.html#xxx
へ移動するのですが、
hoge.html内に
<a name="#xxx" id="#xxx"></a>
と記述している指定箇所に飛んでくれません。

IE7は正常に飛んでくれますが、
Firefox, Safari, Opera, GoogleChromeなど、
IE7以外のブラウザを用いると飛んでくれないのです。

この機能はIEだけの機能だったでしょうか?
ご存知の方がいましたら、ご教授いただけると幸いです。
よろしくお願いします。

Aベストアンサー

>同html内で、例えば、ページ上部に飛ばす場合は、
><a href="#pagetopr">ページ上へ↑</a></p>
>のように#付きで問題なく動作しているので、
>別htmlの場合、#を付けないということですね。

「#」は続く文字列がid値であることを明示します。
同html/別htmlは関係ありません。


・飛び先となる要素にはid値を書きます。
 <タグ id="xxx">

 →「id=」と書いているので、さらに「#」を付けて
  「これはid値ですよ」と明示する必要はありません。
 

・リンクのhrefには"#"+id値を書きます。
 同html <a href="#xxx">
 別html <a href="hoge.html#xxx">

 →「xxx」だけではパスの一部と認識するので
  「#」をつけて「これはid値ですよ」と明示します。
 →hrefにページの指定が無いなら(同html)、
  同html内の「xxx」というid値の要素へ移動します。
 →hrefにページの指定があるなら(別html)、
  指定html内の「xxx」というid値の要素へ移動します。

>同html内で、例えば、ページ上部に飛ばす場合は、
><a href="#pagetopr">ページ上へ↑</a></p>
>のように#付きで問題なく動作しているので、
>別htmlの場合、#を付けないということですね。

「#」は続く文字列がid値であることを明示します。
同html/別htmlは関係ありません。


・飛び先となる要素にはid値を書きます。
 <タグ id="xxx">

 →「id=」と書いているので、さらに「#」を付けて
  「これはid値ですよ」と明示する必要はありません。
 

・リンクのhrefには"#"+id値を書きます...続きを読む

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

QGROUP BYを行った後に結合したい。

oracle8iを使用しています。
2つのテーブルを結合したいと思っていますが、
テーブル構成が、N対Nのテーブルのため、
片方をグループ化したあとに結合させようと思っています。

ところが、単純にGroup byを使うと、結合した後に
グループ化してしまうために、期待した値がひょうじされません。

なんとか、1回のSQLで正しく情報をとることはできないものでしょうか。

Aベストアンサー

>テーブル構成が、N対Nのテーブルのため、
>片方をグループ化したあとに結合させようと思っています。

多分こんな形ではどうですか?

SELECT A.KEY,B.KEY,
FROM TABLE_A A
,(SELECT KEY FROM TABLE_B
GROUP BY KEY) B
WHERE A.KEY=B.KEY;

要はFROM句にテーブル名ではなく、SELECT~GROUP BYを書く。

Qテーブルタグの中にdivを含めてはダメ?

テーブルタグの中にdiv要素を入れるとダメなのでしょうか?
何か不都合でもあるのでしょうか?
何かご存知の方がいれば教えていただけませんか?

Aベストアンサー

以下、HTML 4.01での話です。(XHTMLでもほぼ同じだと思います)

tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。
特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。
tr直下にはth,tdが書けることになっています(それ以外は不可)。

th,tdの下にはブロック要素が書けるので、divも書けます。

このように、テーブル内でth,tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。

Q画面表示とともに、テーブルの横スクロール位置を指定したい

HTMLおよびJavaScriptに関して教えてください。

現在HTMLにテーブルタグを使用して、5か月分の日割りの表を作成しています。横に日付を設定する必要性から、テーブルの横スクロールを出して1画面で見せています。(かなり長い横スクロールのテーブルです)

このとき、前月、今月、次月、次々月、次々次月と表示することとなり、表の始まりが前月となっています。
要望としては、画面を開いたときに、今月の位置で横スクロールされた状態になっていて欲しいのです。

縦の位置であれば、アンカーを使えば良さそうですが、テーブル内の横スクロールの制御は出来なそうで、、、

以上、よろしくお願いします。

Aベストアンサー

#1です。
こんな感じでしょうか?

<html>
<head>
<title></title>
<script type="text/javascript">
function table_scroll() {
var L = document.getElementById('LAYER');
var T = L.getElementsByTagName('table')[0];
L.scrollLeft =
T.offsetLeft + T.rows[0].cells[1].offsetLeft;
}
</script>
</head>
<style type="text/css">
table{border:solid thin #ccc}
</style>
<body onload="table_scroll()">

<div style="overflow:scroll;width:500px;position:relative;" id="LAYER">
<table><tr>
<td><table width="600"><tr><th>先月</th></tr></table></td>
<td><table width="600"><tr><th>今月</th></tr></table></td>
<td><table width="600"><tr><th>来月</th></tr></table></td>
</tr></table>
</div>

</body>
</html>

#1です。
こんな感じでしょうか?

<html>
<head>
<title></title>
<script type="text/javascript">
function table_scroll() {
var L = document.getElementById('LAYER');
var T = L.getElementsByTagName('table')[0];
L.scrollLeft =
T.offsetLeft + T.rows[0].cells[1].offsetLeft;
}
</script>
</head>
<style type="text/css">
table{border:solid thin #ccc}
</style>
<body onload="table_scroll()">

<div style="overflow:scroll;width:500px;position:relative;" id="LAYER">
<...続きを読む


人気Q&Aランキング