- 締切済み
ページ内リンク アンカー
ページ内リンクの記述について教えてください。 <A href="#top">このページの先頭へ</A>ですが <A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。 記述しないと最上部の余白があり正常表示されます。 <A name="top"></A>を記述しなくてもよいのでしょうか。 該当ページhttp://www.geocities.jp/sinsaku102578/01/fujikawa.html よろしくお願いします。
- shinsaku3
- お礼率67% (19/28)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
できればアンカーへは、nameではなくidで指定したほうが良いと思います。 Firefox2を使用しているのですが、nameでのページ内移動はできないことがあります。 参考までに。
- 15mm
- ベストアンサー率65% (65/100)
＞記述するとページ最上部の余白がなくなります 余白がなくなってるように見えるだけではないでしょうか。 ラベルに飛んだときは、ラベルが貼られている部分が画面上端に来るように表示されます。 ページの余白の下に#topのラベルがあるので、 #topラベルに飛んだときには余白の分がスクロールされている状態になります。 対策としては、 bodyの余白を０にし、#topラベルを最上部に設定できるようにする。 本文にあたるものに上のマージンをつけて余白があるように見せる。 のような感じです。（ＣＳＳ使いますが）
お礼
ありがとうございました。参考になりました。
関連するQ&A
- ページ内リンクが動作しません
IE6.0でCGIで動的に作成したHTMLでページ内リンクがききません。 <a href="foo.cgi#top">a</a> このように記述していてfoo.cgiで吐き出すHTML内には <a name="top"></a> があります。 FireFoxでは上の記述で問題なくページ内リンクがきくのですが、IEだけききません。 IE固有の問題だと思うのですが、とても困っています。 シェアの関係から言ってIEできいて、FireFoxできかないのならある程度許せるのですが逆はさすがにまずいです。 IEでもうまく動作させる方法はあるのでしょうか？ ちなみに <a href="foo.html#top">a</a> はうまく動いてくれます。動的に生成したページのみ無理なのです。 IE7.0でこの問題が解決されているようなら問題ないのですが、確認できていません。 ネットでもいろいろ調べてみましたがうまくヒットせず探しきれていません。
- 締切済み
- CGI
- 同一ページの先頭へのリンク
縦長のページの下に ▲topへ というリンクを作って、ページの先頭に戻れるようにしたいと思っています。 <a href="#top">▲topへ</a>としていますが、IE以外ではページの頭に飛んでくれません。 ▲topへ の文字の指定や枠を作るため<div><span>で囲んでいますが、それが影響しているのでしょうか？ 本文はHTML4.01です。 色々見て、考えているのですが、どうしても分りません。 どうしたらページ先頭へ飛ぶように直せるでしょうか。 教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- ページの途中にリンクするとそれより上部分が表示されない。
ページの途中にリンクするとそれより上部分が表示されない。 HTML,css,javascriptを組み合わせてページを作っています。 リンク先：<a name="tochu" id="tochu"></a> リンク元：<a href="ファイル名#tochu">途中へ</a> と記述しております。リンクをクリックすると移動はするのですが、 リンク先の名前をつけたところがページの一番上になってしまい、 それより上部が表示されず、上にスクロールも出来ません。 ページ全体が上にずれ、画面外にはみ出してしまっている状態です。 cssのposition等の設定かと思い、探したのですがそのような記述はありません。 原因を思い当たる方、おられましたらよろしくお願いいたします。
- ベストアンサー
- HTML
- HDMLでのリンク
HTMLで同ページ内の指定箇所にリンクを張りたい場合、 以下のような感じで記述すると思うのですが、 HDMLの場合にはどのように記述すれば、同ページ内の指定箇所にリンクを張ることが可能でしょうか？ アドバイスお願いします。 <a href="#top">aaa</a> . . <a name="top">bbb</a>
- ベストアンサー
- その他（プログラミング・開発）
- トップページにリンクを貼る方法
トップページにリンクを貼るときに、いつもだと"<a href="../index.html">topへ</a>"で指定しているのですが、たまたま指定を"<a href="/">topへ</a>" というふうに"/"のみで指定しても、どの階層からでもトップに戻ることができました。 これはHTMLの文法的には正しい記述方法なのでしょうか？ とっても楽チンで簡単なので使いたいのですが、ちょっと不安です。 申し訳ございませんが、どなたかお助けください。 よろしくおねがいします。
- ベストアンサー
- HTML
- 同一ページのリンクができません。
よろしくお願いします。 HP（ビルダー11）を作成していて、ページの下にtopへ戻るという リンクをつけ、ページの上部にとばしたく、ラベルをつける、ラベルへ までの作業をしましたが、保存して確認するとうまくいくのですが、 一度ページをとじるとラベルをつけた <A name="top1">ホームページのタイトル</A>が <A name="top2" href="">このように、href="が必ず出てきます。 その度、href="を消して保存するのですが、そのときだけは修正されるのですが、やはり、ページを閉じると又元にもどります。 どうなっているのでしょうか？ 下記にHTMLを記入しましたので、ご存知の方よろしくお願いします。 <!-- A{text-decoration:none;} a:hover{text-decoration:underline;} --> </STYLE> </head> <body style="font-size:12pt; line-hight:19pt"> <CENTER> <H1 class="class13"> <A name="top1">ホームページのタイトル</A></H1> <TABLE cellspacing="0" cellpadding="10" width="770" bgcolor="#000066"> <TBODY> <tr>.......
- ベストアンサー
- HTML
- リンクとアンカーポイントの同時リンク
当方web制作初心者です。 ページの最上部に、インラインフレームで別ファイルを表示させているページを作っています。 そのページの最下部でインラインフレーム内で表示するリンクはっているのですが、インラインフレーム内では、ちゃんとリンクしたページにジャンプしているのですが、リンクを貼ったところがページの最下部なので、自分でページの上部に移動しなければなりません。 以前にも同じような質問があったので試してみましたがページの上部に移動しません。試した方法は 「<a href="00.html#top">」のようにリンクするページの後ろにアンカーポイントをくっつけました。IE6(xp)ではうまく動作したのですが、IE7(vista)だと全く反応しません。 私のやり方がおかしいのか、もしくは他にもっといい解決策があるのかご教授ください。お願いします。
- 締切済み
- HTML
- 一つのリンク（ボタン）での2つのリンク要素をもたす
インラインフレームにリンク表示とページトップにあるインラインフレームへの リンクの2つのリンク要素をもたしたいのですが… 今、<a href="http://store.apple.com/jp" target="00iframe">として 00iframeにはApple Storeが反映されているんですが、 00iframeがページの上部で リンクテキストがページの下の方にあるので、 できれば＜a href="http://store.apple.com/jp" target="00iframe">この動きと、 < a href="#top">が一緒にできる方法はないでしょうか・・・ よろしくお願い致します。
- 締切済み
- JavaScript
- indexのページの途中にリンク
通常サイト内でトップのindexへリンクを張る場合 <a href="/" >index</a> という感じになるかと思うんですが、続けてページの中の途中へリンクを張る場合 <a href="/#name>name</a> これで行けるかと思ったらうまく行きませんでした。 正式にはどのように書けばよいのでしょうか？
- 締切済み
- HTML
- ページ内リンクに他のページからリンクする方法
ページ内リンクに他のページからリンクする方法ってありますか？ 初歩的な質問ですいません。 タイトルでは分かり辛いので、例を書きます。 ページ１にＡ・Ｂ・Ｃ・Ｄ・Ｅと見出しの付いた文章があります。左側に対応したリストを作って、ページ内でリンクを貼っています。 ページ２に、ページ１で作った見出しＣに関連する記述があり、そこにリンクを作成して、ページ１の見出しＣを表示したいのです。 ページ２から、ページ１の中にあるページ内リンクを指定する事は出来ますでしょうか？ ※見出しＣだけ抽出されると言う意味では無く、ページ１で見出しＣのリンクを押した時と、同じ表示でかまいません。 ページ１の左側リスト <tr> <td><A Href="#page_linkＡ">りんご</A></td> <td><A Href="#page_linkＢ">みかん</A></td> <td><A Href="#page_linkＣ">スイカ</A></td> <td><A Href="#page_linkＤ">柿</A></td> <td><A Href="#page_linkＥ">メロン</A></td> </tr> ページ１の本文 <A Name="page_linkＡ"><p>りんごは大好きです</p> <A Name="page_linkＢ"><p>みかんはあまり好きではありません</p> <A Name="page_linkＣ"><p>スイカは塩を振ってたべます</p> <A Name="page_linkＤ"><p>柿より牡蠣が食べたい</p> <A Name="page_linkＥ"><p>メロン…高くて食べれません</p> ページ２から<A Name="page_linkＣ"><p>スイカは塩を振ってたべます</p>を表示するリンクを貼りたいのです。 この説明で解ってもらえますでしょうか？宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございました。参考になりました。