• ベストアンサー

リンクのターゲット先をページの特定位置に指定し

よろしくお願いします。 cssを利用して、ヘッダーを固定しました。 メニュー部分にラベルリンクを張って、メイン部分を移動するのですが、 表示が頁の一番上になり、固定されたヘッダーに重なってしまいます。 リンク先の表示を、CSSのbox(この場合はmain)にするようなことは可能でしょうか? 参考ページ http://2.pro.tok2.com/~haginet/2cheer.html

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

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

単純に該当要素にpaddingをとるのが良いでしょう。

関連するQ&A

  • Webページ作成の際に、固定ヘッダの下へのリンク

    Web作成初心者(ド素人)です。 今、Webページを固定ヘッダーを使って作成しているのですが、固定ヘッダにあるリンク元からリンクをクリックした際に、固定ヘッダの下部分にリンクをしたいと思っています。 図のように、固定ヘッダの「(1)」のリンクをクリックすると、画面下部のみ「(1)」の画像が表示されるページへ遷移し、「(2)」のリンクをクリックすると、画面下部のみ「(2)」の画像が表示されるページへ遷移をさせたいです。 固定ヘッダにそのままリンクを書くと、当然ではありますがブラウザの全体ページとしてリンク先の画像があるページへ移動してしまいます。 固定ヘッダ部分は何も遷移せずに、下部分のみ変更させたいです。 すいませんが、ご教授をお願いできませんでしょうか。 よろしくお願いいたします。

  • ページ内ハイパーリンクの表示位置指定

    エクセルで、ページの上部にメニュー・下部にメニューの説明を書き、上部メニューを押すと下部メニューに飛ぶようにハイパーリンクを作成しています。 メニュー欄をウィンドウ枠で固定していますが、リンク先へ飛ぶ際、そのリンク先のセルが常のハイパーリンクのすぐ下に表示されるようにしたいんです。 ふつうにハイパーリンクを貼ると、そのセルがページの一番下に表示されてしまいますよね?そうはしたくないんです。 マクロで、リンク先が常にページのトップに来るようなものがあると思いますが、ウィンドウ枠の固定をしているので、それは使えません。 説明が下手ですみませんが、どうすればいいか教えてください。 よろしくお願いします。

  • リンクターゲットの指定の仕方について教えて下さい。

    こんばんは。 いつもお世話になっております。 自分なりに調べてみたのですが、解決できないので 投降させて頂きました。 どなたか、ご指導頂けないでしょうか…。 大抵は、フレーム(上下分割など)で区切られた index.htmlのメインのフレームに、 フレームの名前(name="base"等)をつけ、リンクメニューを クリックでindex.html内の、base へ表示されますよね。 ですが、他の、フレーム分割されたページの (name="sita")へ飛ばせる事は可能なのでしょうか…? 【ページ構成・例・】 ■---index.html リンク文字1~12まで 計12Pリンク※インラインフレーム有り(name="frame") ■---bunkatu.html フレーム分割ページ  │---menu.html フレーム上  │---フレーム下 (name="sita") 【リンク構造】 ・リンク1~3 index.html 内の、インラインフレームに表示 ・リンク4~12 bunkatu.html 内の、フレーム下(name="sita")に表示 したい。 ※ リンク1~3 は、相対パス ※ リンク4~12 はhttp://から始まる絶対パス 。☆.。.:*・゜☆.。.:*・゜☆.。.:*・゜☆.。.  このような ↓ 【・リンク4~12 bunkatu.html 内の、フレーム下(name="sita")に表示 したい。】 ターゲット指定というのは、可能なのでしょうか…? 可能であれば、どのように記述すれば良いのでしょうか…。 どうかご指導よろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • 同じページ内のボックスへリンクするためには

    hpをつくり始めた初心者です。 フレームでページを分けているのではなくて、 ボックスを作って、そのボックス内にリンク先のページを表示したいのです。 わかりにくいと思うので、下に例を書くと・・   _________________ |  | |  menu      | ←このmenuをクリック |_________________|    すると、  ______________  |              |  |              |  ←同じページに |   ボックス       |   あるボックス |              |   に表示 |              |  |______________| わかりにくいかもしれませんが、 知っておられましたら、やり方教えて下さい。

    • ベストアンサー
    • CGI
  • リンク先アンカーの表示位置を下げたい

    宜しくお願いいたします。 FAQページを作成中で、ページ最上部に質問だけずらり並んでいて、クリックするとリンク先(ページ下部にある回答)に埋め込んだアンカーに飛びます。 しかしCSSで .header { height:180px; } .main_content { top:180px; } となっているので、飛んだ先の回答がブラウザ最上部、この180pxの部分に表示されて他の要素の裏に隠れてしまいます。リンク先のアンカーを180px下げて表示させるような方法はあるのでしょうか。 質問がわかりにくかったらスミマセン。

    • ベストアンサー
    • HTML
  • ページ内リンクがずれてしまう

    お世話になっております。 制作しているWEBで、ページ内リンクを使用しているのですが、いざリンクへ飛ばすとずれが起こり固定ヘッダーの部分と画像が被って困っています。 http://depthcode.com/2011/02/header-fixed.html 上記のサイトを参考にアンカーの位置を調整したところヘッダーに被らず画像もぴったり収まったのですが、こちらの要望としてはリンクで飛んだあとも添付画像のように画像とヘッダーの間を常に空けた状態にしておきたいのです。 どのように設定すれば良いかご教授お願い申し上げます。

    • ベストアンサー
    • CSS
  • リンク先を開くウィンドウを指定できますか

    ページ構成としては、 A:メインページ B:メインページから開かれる新しいページ となっています。 メインページからリンクをクリックすると、 新しいウィンドウが開き、Bのページが表示されます。 ここで、Bのページのリンクをクリックすると、 Aのメインページ内にそのリンク先を開きたいのですが 可能でしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CGIでのtarget指定について

    CGI初心者です。 下記図のようなイメージでhtmとcgiを組み合わせて表示させたいと考えています。 index.htm | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄|←bunner.htm |  ̄ ̄ ̄| ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| |      |                    | |      |                    | |      |                    | |      |                    | |      |                    | |      |                    | |      |                    | |      |                    | | ___|_____________|  ↑ menu.cgi       ↑mein.htm index.htmにFRAMEタグを使用して表示させています。 menu.cgiに固定リンクを表示し、リンクをクリックした時にtarget指定でmein.htmに表示させたいです。 IE6では上手くいったのですが、IE7以降で試した場合、新規ウインドウでリンクが開かれてしまいます。(target=_blankと同じ動きです) ちなみにFireFoxでは新規タブに表示されます。 html形式の時点では問題なくできるようなので、恐らくcgiが絡んでいるのが原因だと考えています。 そもそもこのような作り方が問題なのでしょうか? menu.cgiに当たる部分は、固定リンクの他にテキストファイルを読み出して表示させるような可変リンクを表示したい部分もあるのですが、回避方法が見付からなく困っています。 どうか、お力添え宜しくお願いします。

    • ベストアンサー
    • CGI
  • リンクを二つのページに反映させる

    タイトルの通りです。 ひとつのリンクをクリックしたら、他2つのページに反映させる…ということは出来ませんか? …私は今、三分割フレームを使っていて、 メニューのリンクをクリックする ↓ メインページ用フレームに指定したページが表示 ↓ 残り一つのフレームにサブメニューが表示 …ということがしたいのです。 どなたか回答お願いします。

  • 他のページの特定部分へのリンクは可能?

    現在ホームページビルダーV6.5を使用しております。 ハイパーリンクについてお伺いしたいのですが、同じページの違う部分へのハイパーリンクはラベルの挿入で簡単にできるのですが、違うページの特定部分へのリンクは可能なのでしょうか?ビルダーでは、違うページから違うページのラベルは読めないみたいなのですが、何か特別な方法があるのでしょうか?解説本にも特定部分へのジャンプは同じページ内でのみの説明しかございません。

専門家に質問してみよう