• 締切済み

FC2画像リンクについて

現在、fc2でホームページを作成しているのですが、画像をクリックすると別のページへ飛べるリンク方法がどうしても上手くいきません。 今は、Root内に「index.html」と「imageフォルダ」そのimageフォルダの中に「image01.png」があります。 このimage01.pngの画像をindexにバナーのように表示し、別ページへリンクさせたいのですがタグのリンク部分の階層でつまづいてしまいました； <a href="別ページのURL"><img src="/image/image01.png" Border="0"></a> このようにしているのですが、画像が表示されず、別ページへのリンクも上手くいきません； index.htmlはPC内でメモ帳を使って作成したものをアップロードしています。 よろしくお願いします＞＜

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

みんなの回答

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

階層とタグは合ってるような気がするんですが、 まさかディレクトリ名が「imageフォルダ」じゃないですよね？

yuzu-01
質問者

お礼

すみません。 今、編集していて気づいたのですが「ファイルマネージャー」でタグを書き込んで保存した後、「管理トップ」で自分のHPを表示してみたところしっかりと画像が表示されていました。 プレビューで確認したときは表示されていなかったのでおかしいと思い、よく確認せず質問してしまい申し訳ございません＞＜ 回答してくださったtorayoshiさん本当にありがとうございます！

yuzu-01
質問者

補足

返答遅くなってすみません； 回答ありがとうございます！ ディレクトリ名は「image」フォルダです。間違ってフォルダまで「」にいれてしまいました＾＾； タグは自分で見直してもあってる気がするのですが、プレビューで確認しても画像が表示されません；； ディレクトリをまとめてみます。 [Root] 　↓ index.html フォルダ「image」→image01.png こんなまとめかたですみません＾＾；

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

関連するQ&A

  • <a href="/">トップへ</a>　これ良いですか？

    ３階層のリンクでどこからでも一番上のトップindexに戻る場合は、 <a href="/">トップへ戻る</a> これで、文法上とか回線上とかSEO的に問題ないですか？　それとも <a href="index.html">トップへ戻る</a> <a href="../index.html">トップへ戻る</a> <a href="../../index.html">トップへ戻る</a> とかの方がいいですか？ あと ２階層目imageフォルダ内の画像は、 どこからでも指定する場合は、これも /image/aa.png　これで、どこからでも表示出来るみたいですが image/aa.png　とか　../image/aa.png　とか　../../image/aa.png 上と下は、どちらがいいでしょうか？　<(_ _)>

    • ベストアンサー
    • HTML
  • ヤプログ　画像リンクができない

    ヤプログを利用しています。 スキンを作るため、素材屋さんへのリンクを貼りたいのですがバナーの画像が表示されなくて困っています。リンクはできているのですが添付してある画像のようになってしまいます。 タグは↓です。 <a href="リンク先URL" target="_blank"><img　src="画像のURL" alt="" border="0"></a> どこか違っているのでしょうか…。 御手数ですが、なるべく詳しく、わかりやすく教えていただけますでしょうか。 よろしくお願い致します。

  • スタイルシートでのマウスオーバー時の画像について

    久しぶりにHTMLをいじってたんですが、すっかり忘れちゃって 色々見てみたんですが、解決しなかったので教えて下さい。 indexと同じディレクトリにdesignというフォルダを作り中にmouse_over.cssという カスケードスタイルシートを作りました。 "mouse_over.css"の内容は a:link.link1{ width:100px; height:25px; background-image:url(./pic/home.png); } a:hover.link1{ width:100px; height:25px; background-image:url(./pic/home_over.png); } です。それと、上同ディレクトリにpicというフォルダを作り、homeとhome_overという2種類の画像を入れてあります。indexには、head内に <link rel="stylesheet" type="text/css" href="design/mouse_over.css" />というリンクを張り、 body内に<a href="リンク先URL" class="link1"></a>としましたが、画像が出ません。 上記のCSSをindex内に<style>括りで書くと、画像も表示されちゃんとマウスオーバーで 画像が変わるのですが、CSSを別に置くとindexは真っ白のまま何も表示されません。 何処が間違っているのかかなり色々やったのですが、まったくわからなくなってしまい、 困っております。 どうか智恵をお貸し下さい。宜しくお願いします。

  • 複数の画像をリンク設定し、サイズ、位置を指定してそれぞれ別ページにリンク設定する場合

    ホームページを作成している最中です。 画像をクリックした際に、リンク先はリンク元の拡大画像を表示し 画像サイズと位置を指定するよう設定しています。 例えば、そのリンク元の1ページに縮小画像が複数有る場合、 どのように記述すればよいのでしょうか。 現在はこんな感じとなっています。 -=-=-=-=-=-=-=-=-=-= <SCRIPT language="JavaScript"> <!-- function openwin() { window.open("http://●●●.net/guide_a.html", "", "scrollbars=yes,width=420,height=270,top=100,left=80,scrollbars=no"); } //--> </SCRIPT> -=-=-=-=-=-=-=-=-=-= 省略 -=-=-=-=-=-=-=-=-=-= <TD><A href="javascript:openwin();"><IMG src="image27.jpg" width="150" height="94" border="0"></A></TD> ↑この画像をクリックすると、上記で指定したサイズ、位置で画像が表示されますが 同じページにリンク元が複数ある場合、どのように記述すればよいでしょうか。 例えば、下記の別の画像も同じように、違うページに設定したいです。 <TD><A href="javascript:openwin();"><IMG src="image17.jpg" width="150" height="94" border="0"></A></TD> リンクしたいページ http://●●●.net/guide_b.html 今の状態ですと、リンク元の画像は同じページ内にあるため image17もimage27も同じリンク先（http://●●●.net/guide_a.html）に飛んでしまいます。 これをそれぞれ別ページにリンク設定したいです。 image27→http://●●●.net/guide_a.html image17→http://●●●.net/guide_b.html 大変わかりずらい説明で申し訳ありません。 素人なのでいまいち説明の仕方がよくわかってないです。。。 どうぞよろしくお願いいたします。

  • 画像にリンクをつけたら、実線でかこまれた

    バナーをつくり、それにリンクの指定をしたら、実線でかこまれてしまいました。 こんなことは初めてです。 <div class="top_left"><a href="index0.html"><img src="xx.png" width="558" height="119" ></a> </div> 単純な指定だとおもうのですが・・・。 お手数ですが、よろしくお願いします。 なお、 .link a { color: #111; } .link a:hover { color: #aaa; } .link a { text-decoration: none; } ほかの箇所で、文字のリンクの下線を消すために、cssで上のような 記述をしています。（関係あるかはわかりませんが・・・） 画像の箇所には、上記のスタイルは指定していません。

    • ベストアンサー
    • CSS
  • FC2ブログで。。

    最近FC2でブログを始めました。 今分からなくて困ってる事が２つあります・・・ (1)長い日記を書くことが多いので、ブログの表示の仕方を、 日記を全部表示するのではなく、「もっと記事を読む」を押したら全部表示される・・・ という風にしたいと思っています＞＜； しかし、管理画面で色々探したのですが、このように変更できるとこが見つけられません；； (2)あと、バナーを貼って、そこを押したらリンクして飛ぶようにしたいと思っています。 調べていたら、 <a href="リンクしたいURL" target="_blank"><img src="バナー画像のURL" border="0"></a> をHTMLに入れると書いてあったのですが、この中の、「バナーの画像のURL」というのが良く分かりません； 画像で保存してるのに、URLはあるんでしょうか？？ (1)、(2)どちらかだけでも良いので、どうか分かる方教えてください！お願いします。。

  • VBA WEB上の画像をクリック

    VBAでWEB上の画像にあるリンクをクリックしたいのですが、 うまくいきません。 WEB上のソースは下記の様になっています。 <a href="******" target="_top"><img src="/image/menu/5.png" border="0" alt="あああああ" onMouseOver="chgImg('/image/menu/4.png',this)" onMouseOut="chgImg('/image/menu/5.png',this)" ></a> この部分をクリックさせ、ページを移動させたいのですが、 どうすればいいでしょうか？

  • ＦＣ２ＨＰサービスでのアップロードについて

    ローカルで作成したＨＰファイルがファイルマネージャーでのアップロードが判りづらくcssやimageフォルダの中の画像が反映されませんでした。 当方のローカルには ＭＹドキュメント→homepageフォルダの中にindex.htmlファイルとimageフォルダとcss.cssファイルの３つがあります 更にimageフォルダの中には画像gifをいれてあります ローカルブラウザでは全て完成状態で表示されます 名前と拡張子は半角英数字も再確認しました ファイルマネージャーのroot階層にはＦＣ２側で最初から用意してあるiフォルダ（ディレクトリ？）とindex.htmlがありますが 同じroot階層にcss.cssをアップ、imageフォルダを作成しこのimageディレクトリに画像を全てアップロードしてみたのですが画像とcssは反映されませんでした。とりあえず反映されない物を削除し最初の状態に戻しました。 そこでFFFTPでアップしてみようと思いますが左ローカルホスト欄にimageフォルダ、index.html、css.cssの３項目があり 右サーバーホスト欄にはiフォルダ（これは必要ないですが）、imageフォルダ（画像は削除してありますので空です）、index.htmlの３項目があります ローカルのindexはホストのindexに上書きですよね imageも同様ホストのimageにアップしてもよいのでしょうか？画像１枚１枚アップしなくてもよいのですか？ cssはそのままホストの項目を指定しないでアップするのでしょうか？ ＨＴＭＬの記述はcssには <link rel="stylesheet" href="css.css" type="text/css"> 画像には <img src="image/○○.gif> でリンクさせてあります 漠然と階層がずれていて反映されないような気がするのですが どこか操作そのものが間違えているのでしょうか？ 御教授宜しくお願い致します

  • 画像リンクでの余白を消したい.(モバスペ)

    モバスペでHPを作成しているのですが、 HPを携帯から見たとき、 画像リンクと画像リンクの間に余白が出来てしまいます。 繋げて表示させたいのですが、 どうしたら良いですか？ <BR CLEAR="all>のタグを使ってみたところ、 パソコンから見たら繋がっていましたが、 携帯(au)からは余白が出来ていました…。 無理なのでしょうか？？ ちなみに、下のようなタグを使っています。 <a href="リンク先URL"><img src="画像URL" copyright=yes Border=0></a> <a href="リンク先URL"><img src="画像URL" copyright=yes Border=0></a> 教えてください。

  • 自分のサイトに載せるため、バナーを作ったんですけども・・

    バナーを作ったんです。 私はそれを次のページに行かせるためのリンクボタンにしようとしていました。 それで、<body>タグ内に、 <a href="押したら行く先のアドレス"><img src="画像名" border="0"></a>・・ とやったのですけど、何故か表示してくれません。 そして、別のバナーも色々作ったんですけど、 表示できるバナーもありました。 10個作った中で1つですけど・・（全部ペイントで文字入れしました） なぜ、バナーが表示されないのでしょうか。 教えてください。 他の画像でも試してみたところ、他の画像では表示されるのですけど・・

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する