• ベストアンサー

リンク先ギリギリに移動してしまいます

<a href="#リンク先">クリック</a> <Br><Br><Br><Br><Br><Br><Br><Br><Br><Br> <a name="リンク先">リンク先</a> のようにして、リンクで飛ぶ場合、 リンク先ギリギリに移動してしまいますが、 「リンク先」という文字の1cm上に移動したい場合は どうすればいいでしょうか?

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

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

  • ベストアンサー
  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

スタイルシートを使用することになります。 <a href="#リンク先">クリック</a> <Br><Br><Br><Br><Br><Br><Br><Br><Br><Br> <a name="リンク先" style="padding-top:1cm">リンク先</a> ですが、今では<a name... は使用しません、場所の指定はIDを使います。 また、cmという単位ではなく、pxを使うのが一般的です。 <a href="#name">クリック</a> <p style="height:200px"></p> <div id="name" style="padding-top:30px">リンク先</div>

gpqdsecnqjs
質問者

お礼

どうもありがとうございました。

関連するQ&A

  • リンク先ページの指定した位置へ移動するには??

    おせわになります。 早速ですが質問させていただきます。 <a>タグを使ってリンク先ページへ移動するようにしています。 質問内容はただリンク先へ移動するのではなく、リンク先ページ内の指定した位置へ移動させるにはどうすれば宜しいでしょうか。 同じページ内で指定位置へ移動する場合は <a href="#samp">リンク元</a> <a name="samp">指定位置</a> で行えることはわかりました。 このやり方を応用してやるのか、はたまた別のやり方があるのか全く検討つきません。。 どなたかご教授のほど宜しくお願い致します(_ _)

    • ベストアンサー
    • HTML
  • リンク先に二つのidを付けたい

    諸事情により、二つのリンク元から1つのリンク先に行きたいのですが、 <html> <head> <title>test</title> </head> <body> <a href="#リンク先1">リンク元1</a> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <div id="リンク先1 リンク先2">リンク先</div> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <a href="#リンク先2">リンク元2</a> </body> </html> このコードだとうまくいきません。 <div id="リンク先1 id="リンク先2">リンク先</div> でもダメでした。 <html> <head> <title>test</title> </head> <body> <a href="#リンク先">リンク元1</a> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <div id="リンク先">リンク先</div> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <Br><Br><Br><Br><Br><Br><Br> <a href="#リンク先">リンク元2</a> </body> </html> こうすればいいのですが、 諸事情で、二つのリンク先の名前を使いたいです。

    • ベストアンサー
    • HTML
  • 同じファイル内でリンクしたいのですが…

    HPを作ってまして、同じファイル内で項目から項目へリンクさせたいのですが、上手くいきません。 <A HREF="#TOP">ここから</A> <BR> <A NAME="TOP">ここへ</A> というタグを見つけたものの、ソースに貼り付けると <A HREF="#TOP">ここから</A><BR> <A NAME="TOP"></A>ここへ<BR> という形に直されてしまい、リンクできません。何か足りないのでしょうか?? ご存じな方、どうか教えてください。 初心者なので、なるべく分かりやすい言葉で回答頂けると助かります。

  • カテゴリをクリックして、リンク先一覧を表示させたい

    テーブル内のカテゴリをクリックすると、別テーブルにリンク先一覧を表示させるような、リンクページを作りたいのですが、下記のように組むと、 「リンク1」をクリック→別テーブルにちゃんとリンク先一覧が表示される。 次に「リンク2」をクリックすると「リンク1」のリンク先一覧の下に「リンク2」のリンク先一覧も表示されてしまう。 しかも2回クリックしないと表示されません(泣 「リンク2」をクリックしたら「リンク1」で表示させたリンク先一覧と入れ替えで、リンク先を表示させたいのですが、やり方が分かる方いらしたら、ご教授お願いします。 <HEAD> <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown01() { if(flag) ID01.style.visibility = "hidden"; else ID01.style.visibility = "visible"; flag = !flag; } function pullDown02() { if(flag) ID02.style.visibility = "hidden"; else ID02.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><A href="javaScript:pullDown01()">リンク1</a><BR> <BR> <A href="javaScript:pullDown02()">リンク2</a><BR> </TD> <TD style="width:380px;height:190px"> <DIV id="ID01" style="visibility: hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> </DIV> <DIV id="ID02" style="visibility: hidden;"> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> </DIV> </TD> </TR> </TBODY> </TABLE> </BODY>

  • 検索結果それぞれにリンク

    echo '<strong>会社名:</strong> ' . $row['name'] . '<br />'; と書けば 株式会社日産 田中商店 株式会社オシイ不動産 とかでます。 echo '<strong>会社名:</strong> <a href="a.html">' . $row['name'] . '</a><br />'; と書けばリンクは貼れますが当然全てa.htmlへのリンクです。それぞれリンク先を分けるには、どうすれば良いですか??

    • ベストアンサー
    • PHP
  • HTMLのリンク先が表示されない

    同じフォルダにあるhtmlファイルを表示させるため、 リンクを設定し、いざIEでリンクをクリックすると 全く反応がありません。 コードもしくはファイルの配置ミスなのか判断が付かないため、 御教授下さい。 以下ソースです。取得というリンクをクリックして表示させたいです。 <TABLE cellSpacing=0 cellPadding=0 width=400 border=0> <TBODY> <TD width=40>&nbsp;</TD> <TD width=160><A href="./peace.html">取得</A> </TD> <TD width=20>&nbsp;</TD> <TD width=180><A href="./password.html">パスワード変更</A> </TD></TR> <BR><BR><BR></CENTER></BODY></HTML>

  • a href のリンク先に引数を追加

    こんにちは、お世話になっております。 以下のソースを変更して、リンク先クリック時、hrefで指定したアドレスに、コンボボックスで選択された引数を付加したURLを実行したい。 例のように、何らかの方法でユーザーに引数を選択させるようにしたい。 "foo1.cgi?val=first" "foo1.cgi?val=second" javascript等使用しないと実現不可能でしょうか? 教示お願い致します。 <html> <body> <strong>引数を選択</strong> <select name="option"> <option value="first" selected>first <option value="second">second <option value="third">third </select><br><br> <strong><a href="foo1.cgi"> foo1を実行 </a></strong><br><br> <strong><a href="foo2.cgi"> foo2を実行 </a></strong><br><br> <strong><a href="foo3.cgi"> foo3を実行 </a></strong><br><br> </body> </html>

    • ベストアンサー
    • HTML
  • JavaScriptを直接呼んでリンク

    Linux+Apacheで開発しております。 javascriptを直接呼んで任意のリンクへ移動したい のですが、現在ですとダイアログが表示されて ダウンロードしますか?と聞かれます。 そうじゃなくってhoge.jsに書いたリンク先へ 移動したいのです。 ご存知の方がいらっしゃいましたらご教授下さい。 よろしくお願いいたします。 <a href="http://hoge.co.jp/hoge.js">ホゲリンク</a><br> --------- hoge.js -------- document.write("<iframe width='300' height='300' src='http://hoge.co.jp/hoge.php' NAME='iframeName'></iframe>");

  • ページ内リンクとハイパーリンクを張る場合

    ページ内リンクとハイパーリンクを張る場合、最後の</a>は一つ?二つ? <a name="一番上へ移動"> <a HREF="http://www.yahoo.co.jp/"> あああ </a></a> こうするべきなのか <a name="一番上へ移動"> <a HREF="http://www.yahoo.co.jp/"> あああ </a> こうするべきなのか教えてください。

    • ベストアンサー
    • HTML
  • 分けたリンクないで更にデータを分けたい。

    echo '<strong> </strong><a href="a.php?id=' . $row['id'] . '">' . $row['name'] . '</a><br/>'; こうやると綺麗に会社ごとのid別にリンクが入ります。 例えばa.php?=nintendoというリンクをクリックしたらid,nintendoしか表示されないようにするには、どうしたら良いですか?? idをPOSTしようと思いましたが、フォームじゃないし、POSTできませんよね??

    • ベストアンサー
    • PHP

専門家に質問してみよう