• ベストアンサー

リンクとして認識されない

現在HPを制作中です。 フレームページ内のテーブルの上に、6個のリンクを置いています。(TOP、MAIL、DIARYなど) 画像でリンクするようにしていて、マウスを乗せると画像が切り替わるようにしています。 その6個のリンクのうち、トップページ(親フレーム)へのリンク画像だけが、リンクとして認識されてないのか、マウスを合わせても矢印が指先に変わらずクリック出来ません;画像は切り替わりますが… 他の5個はちゃんとリンクされます。タグはコピペしたものだし、打ち間違いだとは思えないのですが、どうしてなのでしょうか? ↓タグをコピペしてきました <a href="oyaframe.html"target="_top"> <IMG src="画像.jpg" onMouseOver="this.src='画像2.jpg'" onMouseOut="this.src='画像.jpg'" border="0" style="position : relative;top : 数値px;left : 数値px;"> </a>

  • ow1
  • お礼率100% (29/29)
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
回答No.1

タグは間違っていませんし、テストしてみましたが、問題なく動作しているようです。 何が原因か分からないので可能性があるとすれば、 ■サーバーにアップロードし忘れている └サーバーにアップロードすれば解決です ■IMGを半角小文字にしてみる └imgと記述してみて下さい。あとついでにalt属性も付けてやる事をオススメします。 ■何らかのバグ └どこでもいいのですが、ソースの一部を消して、そこに同じ記述をして上書き保存。でアップロード。 どうしてもうまく動作しない場合は、他の、ちゃんと動作しているリンクを丸ごとコピペして、動作確認する。 動くならば、飛び先を変えてまた動作確認。 動いたら、画像を変えて動作確認。 そんな感じで地道にやりましょう。 頑張って下さい♪

ow1
質問者

お礼

確認したり何度も正常なタグを上から書いて試したりしてみてもどうにもならなかったのですが、テーブルを違うものにしたらリンクがつながりました。(><;) これはテーブルタグとの相性みたいなものだったんでしょうか…; リンクとして認識されないときはテーブルの背景画像を指定していたんですが、指定をやめたからつながったのでしょうか; はっきり原因がわからないのですが、なんとかやってみます! ご回答、動作テストまでして頂きありがとうございました。

その他の回答 (1)

noname#39970
noname#39970
回答No.2

コピペしたのなら値や画像名も「数値」とかにはなっていないと思われるけど この修正をした時に正常なHTMLになってしまっている可能性(No1の検証で問題が無い) またはこの前後で「"」や「<」を閉じていなかったり対応に不整合があるタグがあって巻き込まれている可能性。 とりあえず そのHTMLをここで確認してみたらどうだろう。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

ow1
質問者

お礼

確認したり何度も正常なタグを上から書いて試したりしてみてもどうにもならなかったのですが、テーブルを違うものにしたらリンクがつながりました。(><;) これはテーブルタグとの相性みたいなものだったんでしょうか…; リンクとして認識されないときはテーブルの背景画像を指定していたんですが、指定をやめたからつながったのでしょうか; はっきり原因がわからないのですが、なんとかやってみます! ご回答ありがとうございました。

関連するQ&A

  • 画像を変えてリンクの仕方

    只今、HPを初めて作り始めております。 トップページなのですが 画像を変えてリンクさせたいのですが、何度やっても最初の画像から変わりません。。。ご指摘宜しくお願い致します。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>ホームページのタイトル</title> </head> <body> <a href="リンク先アドレス"><img src="最初の画像名" border="0" onmouseover="this .src='マウスを乗せたときの画像名'"onmouseout="this .src='最初の画像名'"></a> </body> </html> これで合っているでしょうか? ちなみに、ホームページの作り方というサイトからコピペして貼り付けて作っております。FC2無料HPを利用しようと思っています。 専門用語はあまりわかりません☆ 宜しくお願い致します。。。

  • ロールオーバーで・・・

    検索かけて調べてみたのですがみつからなかったので 質問させていただきます。 画像にリンクを貼り、マウスを乗っけたときと 画像をクリックしてリンクしている最中に画像を変えたいのですが、 後者のやり方のタグがわかりません もしやり方を知っていたら教えて下さい。 よろしくおねがいします。 <a href="リンク先"> <IMG src="最初に表示させる画像" onMouseOver="this.src='マウスが触れた時に変わる画像'" onMouseOut="this.src='マウスが触れた後に変わる画像'"></a>

  • ロールオーバーリンクタグとフレームについて

    ホームページを改装しているのですが… ロールオーバーリンクタグでメニューのボタンを使おうと思うのですが、このままだと押すと左のメニューの方にリンクしたページが出てしまうのでフレームの右側に表示できるようにしたいのですが… <A href="アドレス"><img src="元の画像" border="0" onMouseOver="this .src='ポイント時の画像'"onMouseOut="this .src='元の画像'"></A> このタグをフレーム向き(?)にするにはどうしたらよいでしょう; いろいろいじってみたのですがタグの仕組みがわからないのでできませんorz 何方か分かる方いらっしゃれば教えていただきたいです(;;)

  • オンマウスでクリック後の画像を変化させたままにする方法

    たびたびお世話になります。 以前にも同じような質問をしたのですが・・ 状況が変わり、それとHP作成を進めて行くうちに色々解って来た事もあるので、もう一度質問させて下さい。 フレームで、上/左/右に区切っています。 上と左のフレームにメニューがあり、右のフレームにメインコンテンツがあります。 上のメニューも左のメニューもtarget属性のリンクで右フレームに 表示させるようにしたいと思っています。 まだページを作っているところなのでリンクは飛ばしてないですが。 メニューは文字ではなく、上も左も画像を作ってボタンにしました。 JAVAではなく、HTMLで、オンマウスにより画像を変化させるようにもしてあります。 それを、リンクを張り、クリックした後もオンマウスで変化したままの画像にしたいのです。リンク先を表示している間だけ、です。 タグはこうなっています。 <img alt="" src="image/MENU1.jpg" onmouseover="this.src='image/MENU1_1.jpg'" onmouseout="this.src='image/MENU1.jpg'" style="width: 119px; height: 33px;"> やり方はありますでしょうか? それと、上のフレームからメニューをクリックした後、 左のフレームの中身も変化させる、というのはJAVAですか? また、やり方はあるのでしょうか。 こんな風にやりたいのですが↓ http://www.dreampower-jp.com/index.html

  • オンマウスでの拡大画像の位置指定

    サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか?ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか?どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>

    • 締切済み
    • CSS
  • イメージをあらかじめ読み込むには?

    マウスカーソルが重なったとき、イメージを切り替える処理を 行おうと思っています。 <img src="top_01.gif" onMouseOver="this.src='top_02.gif'" onMouseOut="this.src='top_01.gif'"> このようなソースでイメージを切り替えているのですが、 マウスカーソルが重なったときに初めて新しいイメージ (この場合は'top_02.gif')を読み込むようです。 これだとタイムラグができてしまうので、最初にhtmlファイルを読み込む際、 あらかじめ新しい画像を読み込むにはどうすればよいのでしょうか?

  • オンマウスで画像入換えするときに、マウスをのせる前に先に画像をダウンロードしておく方法

    いつもお世話になります。 さて、今回の質問ですが、ある画像にマウスをのせたときに、その画像を別の画像に入れ換えるという技がありますよね。そこで、普通にタグを書くと <img src="マウスポインタが画像にのっていないときの画像" onmouseover="this.src='マウスポインタが画像にのっているときの画像" onmouseout="this.src='マウスポインタが画像から外れたときの画像'"> ですよね。 あるいはJavaScriptを使うと <A HREF="リンク先(http://~)" onMouseOver="スクリプト名.src='マウスポインタが画像にのっているのきの画像'" onMouseOut="スクリプト名.src='マウスポインタが画像にのっていないときの画像'"><IMG SRC="マウスポインタが画像にのっていないときの画像" NAME="スクリプト名" border="0"></A> と記載しますが、どちらの方法も、マウスポインタが画像にのってから入れ換える画像をダウンロードしてしまうと思うんですが、これだと回線が遅い方ではマウスポインタをのせてから画像が入れ替わるまで時差が発生してしまいます。そうならないように、はじめから入れ換え用の画像をダウンロードしておく方法はありませんか。 文章の構成が分かりにくて申し訳ありませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • ボタンをクリックした感じの画像を設定する

    htmlページに、作成した画像を配置し、リンクを貼っています。 画像の上にカーソルを合わせたときに画像を変えることはできたのですが、 クリックしたときに画像を変える方法が分かりません。 クリックしたときに押した感じを表現したいです。 どのようにコードを書けばいいですか? ご教授お願いいたします! ちなみにオンマウス時に画像を変化させるため以下のようなコードを書いています。 <img src="./images/logo.jpg" onmouseover="this.src='./images/logo_on.jpg'" onmouseout="this.src='./images/logo.jpg'" alt="お問い合せはこちら" /></a> よろしくお願いいたします!

    • ベストアンサー
    • HTML
  • cssファイルへリンクできないです。

    今回からCSSファイルでホームページを作り出している超初心者なので、 専門用語の使い方など間違っているかも分かりませんが知恵を貸してください。 Dreamweaverを使用して、上部に固定ヘッダーのソースをhtmlファイル内に打ち込んで作業をしてます。ヘッダーの下部分の作業をし始めてDreamweaverのデザイン部分の画面で、ヘッダー画像の下に載せる画像や文字が入り込んで隠れてしまうので、作業がしにくいです。 そのため固定ヘッダーデータをcssファイルにした方がいいのかなと思い、 リンクさせようとしたのですが反映されないです。リンクした方がいいのか、その他より効率がいい方法があるのか分からないのでよろしく御願いいたします。 htmlファイルには <body> <link rel="stylesheet" type="text/css" href="banner.css"> と入力してます。 cssファイルには <div id="header"> <img src="img/b01.gif" width="108" height="68" border="0" onmouseover="this.src='../house/img/b01-.gif" onmouseout="this.src='../house/img/b01.gif"> <img src="img/b02.gif" width="88" height="68" border="0" onmouseover="this.src='../house/img/b02-.gif'" onmouseout="this.src='../house/img/b02.gif'"> <img src="img/b03.gif" width="59" height="61" border="0" onmouseover="this.src='../house/img/b03-.gif'" onmouseout="this.src='../house/img/b03.gif'"> <img src="img/b04.gif" width="50" height="68" border="0" onmouseover="this.src='../house/img/b04-.gif'" onmouseout="this.src='../house/img/b04.gif'"> <img src="img/b05.gif" width="39" height="68" border="0" onmouseover="this.src='../house/img/b05-.gif'" onmouseout="this.src='../house/img/b05.gif'"> <img src="img/b06.gif" width="80" height="68" border="0" onmouseover="this.src='../house/img/b06-.gif'" onmouseout="this.src='../house/img/b06.gif'"> <img src="img/b07.gif" width="51" height="68" border="0" onmouseover="this.src='../house/img/b07-.gif'" onmouseout="this.src='../house/img/b07.gif'"> <img src="img/b08.gif" width="47" height="68" border="0" onmouseover="this.src='../house/img/b08-.gif'" onmouseout="this.src='../house/img/b08.gif'"> <img src="img/b09.gif" width="54" height="68" border="0" onmouseover="this.src='../house/img/b09-.gif'" onmouseout="this.src='../house/img/b09.gif'"> <img src="img/b10.gif" width="125" height="68" border="0" onmouseover="this.src='../house/img/b10-.gif'" onmouseout="this.src='../house/img/b10.gif'"> </div> と入力してます。 よろしく御願いいたします。

    • ベストアンサー
    • HTML
  • ロールオーバーが表示されない

    ココログでブログを作成しています。 パソコン知識は低いですが、簡単なタグを親切に教えてくれるサイトを参考にがんばってカスタマイズしています。 以下の通りでロールオーバーが簡単にできるとのことでやってみましたがうまくいきません。 【参考にしたタグ】 <img src="★" border="0" onmouseover="this.src='●'" onmouseout="this.src='■'"> ★最初に表示される画像のファイル ●オンマウスで表示される画像のファイル ■マウスをはずしたとき表示される画像のファイル 【私が入力したタグ(??のところにココログのアドレスが入ります】 <IMG src="http://??.cocolog-nifty.com/images/★のファイル.gif" onmouseover="this.src='http://??.cocolog-nifty.com/images/●のファイル.gif'" onmouseout="this.src='http://??.cocolog-nifty.com/m/images/■のファイル.gif'"> 【トラブルの現象】 1)1枚だけ表示されマウスを持っていくと×印になり二度と表示されません。 2)HTMLの編集欄にタグを貼り付け保存→記事の作成で確認→htmlの編集欄に戻ると、タグの順番が逆になる(↓このようになる) <p><img onmouseover="this.src='●'" onmouseout="this.src='■'" src="★" border="0" /></p> うまく表示する方法がございましたら教えて頂けると助かります。 尚、他のサイトのロールオーバーは表示されております。

専門家に質問してみよう