• 締切済み

ページ内のリンクが外れてしまいました。

PC用とスマートフォン用でトップページのみデザインを変えているサイトで、トップページからそれぞれのページへのリンクが、以前は問題無く繋がっていたのですが、スマートフォン用のみ、いつからか外れてしまいました。 スマートフォン用のトップぺージは“i”というフォルダ内に入れ、 <li><a href="../aaa.html">aaa</a></li> <li><a href="../bbb.html">bbb</a></li> としています。 よろしくお願いします。

みんなの回答

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

>PC用とスマートフォン用でトップページのみデザインを変えているサイトで、 >トップページからそれぞれのページへのリンクが、以前は問題無く繋がっていたのですが、 >スマートフォン用のみ、いつからか外れてしまいました。  デザインが変わるだけで変わるはずありません。  リンクが外れているのではなく、他の要素がかぶっていてリンクできないのでは??ポインターのデザインが変わらない。  スマホ用のスタイルシートを見直してみましょう。 >スマートフォン用のトップぺージは“i”というフォルダ内に入れ、  始めには「トップページのみデザインを変えている」ですので、矛盾しますよ。  「PC用とスマートフォン用でトップページのみデザインを変えている」は、ひとつのトップページをPC用とスマホ用でデザインを変えているのですから、別のフォルダ(ディレクトリ)にあるということはない。 「トップページのみデザインを変えている」とは、 【引用】____________ここから HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  

kanaflan
質問者

お礼

説明が判りにくくてすみません。

全文を見る
すると、全ての回答が全文表示されます。
  • ONEONE
  • ベストアンサー率48% (279/575)
回答No.1

スマートフォンでアクセスした際の間違ったURLと 本来表示されるべき正しいURLを並べて見比べてみれば、 間違いがきっとわかるはずです。

kanaflan
質問者

お礼

ありがとうございました。 間違ったURLは表示せず、プロバイダーの“ページがみつかりません”という表示になってしまい、原因が解りません。 結局、 http//www.aaa.htmlと入れ直したら、とりあえずはリンクが繋がりました。 何故、以前は繋がった"../aaa.html"ではダメなのかは解らないままです。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • リンクページがちゃんと画像表示されない

    PHP5.0、Smartyで開発しています(個人サイト) リンクを押すと、リンクページ(自サイト)は表示されるのですが、 画像などが表示されないことがあります。 .tplファイルなので、↓の同じリンクをいくつものファイルに書きましたが、ふつうにちゃんと表示されるページもあれば、リンクページの画像落ちといったページにもなります。 これはどうしてでしょうか? </div><!--header--> <ul id="menu"> <li><a href="{$info.back_url}">TOP</a></li> <li><a href="{$info.http_url}">記事一覧</a></li> <li><a href="{$info.http_url}/archive">過去ログ</a></li> <li><a href="{$info.http_url}/search">記事検索</a></li> <li><a href="{$info.http_url}/rss">RSS</a></li> <li><a href="{$info.https_url}/admin">管理者用</a></li> </ul> <img src="./image/main_img.jpg" alt="" width="760" height="340" id="main-img" />

    • ベストアンサー
    • PHP
  • リンクがうまくできません。

    リンクがうまくできません。 ホームページのテンプレートをダウンロードし、メモ帳で編集しているところです。 ダウンロードしたものの中にindex.html(トップページ)とpage1.html(リンク先)が入っています。 トップページにリンクを他にも作りたいので、page2,page3,・・とつくったのですが、 <UL id="menu"> <LI><A href="page1.html">about</A></LI> <LI><A href="page2.html">photo</A></LI> <LI><A href="page3.html">blog</A></LI> <LI><A href="page4.html">link</A></LI> <LI><A href="page5.html">mail</A></LI> </UL> こうした場合に、page1.htmlはちゃんとリンクできるのですが、それ以外のリンクが出来ません。 何か間違えているんでしょうか? それとも、他に何かしなくてはならないことがあるんでしょうか? 初歩的な質問かもしれませんが、よろしくお願いします。

  • IEではできる「リンク」がFirefoxではできません

    はじめまして。ganos1960です。 現在、試行錯誤しながら はじめてホームページを作成しています。 HTMLも勉強しながら作成しているので 初歩的な質問かもしれませんが、どうぞよろしくお願いします。 あるページから別のページに遷移したく 以下のような記述をしました。 ______________________ <ul> <li><a href="******">AAA</a></li> <li><a href="******">BBB</a></li> <li><a href="******">CCC</a></li> <li><a href="******">DDD</a></li> </ul> ______________________ VISTA上で作成しおり、IE8ではすべてのページにおいて 遷移することは確認できたのですが Firefox3で確認したところ、上記の2番目のBBBについては リンク部分にカーソル移動すると形状も変わり ページ遷移できるのですけど、1、3、4番目のページには カーソル移動すらできず、リンク先へ遷移することができません。 ちなみに、XPのFirefox3でも確認しましたが状況は同じでした。 どなたか、この状況に関して何かお心当たりのある方 いらっしゃいませんでしょうか? お忙しいところ申し訳ありません。 どうぞよろしくお願いします。

  • JavaScriptでリンクを設定したい

    JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか? よろしくお願いします!

  • HDMLでのリンク

    HTMLで同ページ内の指定箇所にリンクを張りたい場合、 以下のような感じで記述すると思うのですが、 HDMLの場合にはどのように記述すれば、同ページ内の指定箇所にリンクを張ることが可能でしょうか? アドバイスお願いします。 <a href="#top">aaa</a> . . <a name="top">bbb</a>

  • 外部ページから指定場所にリンクをさせる

    ページ内で、リンクをするとき、hrefに飛ばしたい場所を#で指定すれば、name属性のところに ページ移動させれることは知っているのですが、 外部ページから、指定の場所に飛ばすことはできないでしょうか? ==========内部ページ内でリンクを作成する時(link.html)============= <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul> <h3><a name="section1" id="section1">セクション1</a></h3> <p>メニュー1の内容。 ...</p> <h3><a name="section2" id="section2">セクション2</a></h3> <p>メニュー2の内容。 ...</p> <h3><a name="section3" id="section3">セクション3</a></h3> <p>メニュー3の内容。 ...</p> <p><a href="#menu">メニューに戻る</a></p> 上記ソースのメニュー部分を別ページ(top.html)に作成し、 リンクページの指定部分をメインで映るようにしたいのです。 例えば、下のメニュー3がクリックされたとき、 link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。 ご教授お願いします。 ===top.hmtml(メニュー部分抜粋)================== <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul>

    • ベストアンサー
    • HTML
  • リンクの書き方について

    いつも参考にさせてもらっています。 JSP内でリンクからJavaScriptを呼び出すコードの書き方で質問があります。 現在(1)のコードで処理は動いていますが、(2)でも同じなんでしょうか? もし同じ場合は、どちらがスタンダードなんでしょうか? さらに(1)のhref="#"の#って何なんでしょうか? 意味も分からずに実装していました。 (1) <a href="#" onClick="xxxx(aaa,bbb,ccc)">AAA</a> (2) <a href="javascript:xxxx(aaa,bbb,ccc)">AAA</a>

    • ベストアンサー
    • Java
  • インラインフレームのみをスクロールさせるリンクの張り方

    aaa.htmlページ内にインラインフレームでbbb.htmlというページを表示しています。 aaa.htmlのリンクから、bbb.html内の指定した箇所を自動スクロールさせ表示させたいのですが、aaa.html自体もスクロールしてしまって困っています。aaa.html自体はスクロールせず、インラインフレーム内のbbb.htmlだけスクロールさせたいのですが、どうしたらよいのでしょう。 現在の設定: ○aaa.html <a href="bbb.html#ccc" target="inline">リンク</a> <iframe src="bbb.html" name="inline"></iframe> ○bbb.html <span id="ccc">ここを表示させたい</span>

    • ベストアンサー
    • HTML
  • 自社Webページ内の階層リンクへ飛ばない

    自社Webページ内の階層リンクへ飛ばなくなり困っています。 ドリームウィーバーでページを構築していますが、気づいたら同サイト内のリンクに飛ばなくなっていました。 <div id="menu"> <ul> <li><a href="#">トップページ</a></li> <li><a href="houjin.html">●●</a></li> <li><a href="tenpo.html">●●</a></li>     </ul> </div> div#menu ul { margin:0 auto; padding:10px 0; } div#menu li { font-size:85%;/* 12px相当 */ color:#2e2930; text-align:center; list-style-type:none; } div#menu li a { display:block; width:200px; color:#2e2930; line-height:60px; } /* マウスオーバー時 */ div#menu li a:hover { color:#f1f1f1; background:#2D2D2D url("img/bg_menu.gif") 0 0 repeat; } </li>が抜けていたので付け足しても変わりません。 他のページへのリンク(別窓で開く)は有効です。 考えられる原因を教えていただけると幸いです。 どうぞよろしくお願い致します。

    • ベストアンサー
    • CSS
  • indexのページの途中にリンク

    通常サイト内でトップのindexへリンクを張る場合 <a href="/" >index</a> という感じになるかと思うんですが、続けてページの中の途中へリンクを張る場合 <a href="/#name>name</a> これで行けるかと思ったらうまく行きませんでした。 正式にはどのように書けばよいのでしょうか?

インターネットランプが消える
このQ&Aのポイント
  • 毎朝毎朝ルーターのインターネットランプが消えるのですが、どうしたらいいでしょうか
  • 2016年からドコモ光を繋ぎ、バッファローのルーターを使っているのですが、以前からインターネットの接続が不安定になり、ルーターの寿命かと思い、買い替えたのですが、買い替えたら、毎朝毎朝インターネットランプが消えます。
  • どうしたらいいのでしょうか
回答を見る

専門家に質問してみよう