• ベストアンサー

同一ページの先頭へのリンク

縦長のページの下に　▲topへ　というリンクを作って、ページの先頭に戻れるようにしたいと思っています。 <a href="#top">▲topへ</a>としていますが、IE以外ではページの頭に飛んでくれません。 ▲topへ　の文字の指定や枠を作るため<div><span>で囲んでいますが、それが影響しているのでしょうか？ 本文はHTML4.01です。 色々見て、考えているのですが、どうしても分りません。 どうしたらページ先頭へ飛ぶように直せるでしょうか。 教えてください。よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数2

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

  • ベストアンサー
  • venzou
  • ベストアンサー率71% (311/435)
回答No.1

<a name="top"></a> ページの先頭の方にアンカー入れてますか？ IEの場合省略しても勝手に先頭に移動するようですが、本来はアンカータグを入れるのが正しい使い方です。

mutu560
質問者

お礼

・・・・入れてませんでした。 ばっちり移動するようになりました。 どうもありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • ページ内リンクのidって・・・

    超初級ですがHTML+CSSでホームページを作っています。 ページの最下段によく見る「TOPへ戻る」といったページ内リンクについてですが、 出発点に <a href="#abc">TOPへ</a> 到達点に <div id="abc"></div> という記述をし、この「abc」にスタイルを指定しても問題ないでしょうか？ （例えば到達点のdivには会社名を入れ、テキストの大きさや色を指定するとか） 語句などの使い間違いあるかもしれませんが、よろしくお願いします。

  • ページ内リンクが動作しません

    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
  • トップページにリンクを貼る方法

    トップページにリンクを貼るときに、いつもだと"<a href="../index.html">topへ</a>"で指定しているのですが、たまたま指定を"<a href="/">topへ</a>"　というふうに"/"のみで指定しても、どの階層からでもトップに戻ることができました。 これはHTMLの文法的には正しい記述方法なのでしょうか？ とっても楽チンで簡単なので使いたいのですが、ちょっと不安です。 申し訳ございませんが、どなたかお助けください。 よろしくおねがいします。

    • ベストアンサー
    • HTML
  • リンクで違うページの指定箇所へ飛ばそうとしています。

    リンクで違うページの指定箇所へ飛ばそうとしています。 IEやsafariでは問題なく指定箇所に飛ぶのですが、 Firefoxだと何故か指定箇所ではなく、そのページの一番下に飛んでいきます。 IEは6、7、8 safariは4.0.2で、 Firefoxは3.6.6を使用しています。 Firefoxのバグなのでしょうか？ (同じページ内の指定箇所だとちゃんと飛びます) 急ぎの為大変困っております。 ご回答お願い致します。 HTML-------------------------------------------------------------- <a href="http://～～～/●●.html#abc" /> 飛ばしたい場所 <div id="abc"> <img src="画像URL" border="0" alt="" /> </div>

  • ページ内リンク　アンカー

    ページ内リンクの記述について教えてください。 <A href="#top">このページの先頭へ</A>ですが <A name="top"></A>をHTML中に記述するとページ最上部の余白がなくなります。 記述しないと最上部の余白があり正常表示されます。 <A name="top"></A>を記述しなくてもよいのでしょうか。 該当ページhttp://www.geocities.jp/sinsaku102578/01/fujikawa.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
  • ページ内リンクについて

    ページ内リンクについて質問です。 以下のプログラム内容で、実行するとＴopにはいくのですが、 微妙に少しだけTopより下の位置にジャンプします。 完全にTopにいきません・・・ なぜでしょうか？ リンク到着地点のタグの位置が不適切なんでしょうか？ 色々挑戦したんですが、どこがいけないのかわかりません。 回答よろしくお願いします。 【HTML】 <body id="center"> <a name="container" id="container"></a> <div id="rogo"> 　　　会社のロゴ </div> 　　<div class="UD-msg"> 　　　　　本文 　　　　　<a href="#container"><img src="images/page_top.GIF" alt="Page Top" title="Page Top" width="58px" height="12.5px"></a> 　　</div> </body> 【css】 #center{ width: 770px; margin-top: 0px; margin-left: auto; margin-right: auto; } #rogo{ margin-top: 6.6px; } .UD-msg{ margin-top: 20px; margin-left: 30px; }

    • ベストアンサー
    • HTML
  • ページの先頭へスクロールして戻るには

    こんにちは。 HTMLでボディタグ直後に<a name=pagetop"></a>などとしておき、ページの下部において「ページの先頭へ」とか「ページトップ」とか「PAGETOP」とかというリンクを設け、そのリンクをクリックすればページの一番上に戻らせるというHTMLのみでできる方法がありますが、そうでなくて、これをスクロールさせながら戻らせるようにしたいんです。 例えば以下のホームページが実例としてあります。 「ページトップ」という文字をクリックすると上記のようになります。 http://www.yamaha.co.jp/siteusage/index.html もちろん、このサイトのやり方と同じでなくても構いません。よりスマートなソース・やり方で出来ればそれが一番と思います。 JavaScriptは初心者でお恥ずかしいですが、これはぜひとも出来るようになりたいです。頑張ります。 どなたかどうぞ教えてください！ 宜しくお願いいたします。

  • 同一ページ内リンクで、クロスフェード切替

    現在、webサイトの作成を行っているのですがその中で、 同一ページ内リンクの際、クロスフェード表示しながら切り替わるページ を作成したいと考えています。 ----------------------------------------------- <html> <head></head> <body> <div id='area_a'> AREA_1 <a href='#area_b'>LINK</a> </div> <div id='area_b'> AREA_2 </div> </body> <html> ----------------------------------------------- 1.[LINK]をクリック。 2.[現在表示されているページ]から[AREA_2がトップで表示された状態のページ]へクロスフェード切替。 実際の手順や参考になりそうなURL等、 ご存知の方がおられましたらお知恵をお借りしたく、何卒よろしく御願いいたします。

  • ページ内リンクについて

    質問というか、皆さんのご意見を伺いたいです。 ページの先頭へ戻るために <a href="#page_top"> と普通はしますが <a href="#"> としても、戻れますよね。 これって邪道だと思いますか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する