ホームページの画像貼り付けがうまくいきません
- ホームページで画像を貼り付ける方法について質問があります。
- フォルダーの階層によって画像のパスが変わることがあるので、注意が必要です。
- フォルダーの上下関係を確認し、パスを正しく指定することで問題が解決します。
- ベストアンサー
ホームページの画像貼り付けがうまくいきません
今、デスクトップに二つのフォルダーがあります。 A,Bとします。 Aにはa.jpgというファイルがあります。 Bにはindex.htmlというファイルがあります。 index.htmlに次のように記述しました。 <html> <head> <title>TTT</title> </head> <body> aaaa</br> bbb</br> <img src="〇〇/a.jpg" width="ccc" height="ddd" alt="eee" border="0"/ > </body> </html> この中で、src="〇〇/a.jpg"のところで質問です。 1.フォルダーA,Bに階層の上下があるのですか。 2.あるとすると階層の上下はどうやって決めるのですか。 以上、よろしくお願いいたします。
- kakehasi
- お礼率82% (463/564)
- その他（SNS・掲示板・ブログ）
- 回答数6
- ありがとう数6
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
再びNo.1です。 ＰＣ上でのことではなく、サーバーにアップした状態でしょうか？ＰＣ上でならそれで上手く行くはずですが、サーバー上でなら同じようにフォルダを構築しないと画像ファイルを探すことは出来ません。 ＨＴＭＬを記述しているＢフォルダと画像の入っているＡフォルダを同じ階層にアップしていますか？それが出来ていなければいけませんし、サーバー上でのファイルの位置関係で記述することが重要です。 例えばそのindex.htmlがトップページなら、サーバーに指定されたフォルダ直下にアップしないといけません。そのフォルダと同じ階層にフォルダは通常作成出来ないため、必然的にindex.htmlより下の階層になります。二つを一度同じフォルダにアップしてファイル名だけ指定して表示されるか試してみてください（a.jpg）。その上で今度はフォルダを作成し、その中に画像ファイルを入れて、相対パスでファイルをしてみてください（A/a.jpg）。こうすれば理解出来ると思いますよ。
その他の回答 (5)
- 86tarou
- ベストアンサー率40% (5094/12701)
またまたNo.1です ＾＾； フォルダをアップするようにとは一度も言われません。＞ フォルダを使うかどうかはあなたの自由です。 先ほど書いたように、二つのファイルが同じフォルダ内であれば、そのまま二つをアップですれば済む話です。その上でa.jpgととだけ記述すれば良いのです。 ＰＣ上では違うフォルダに入れているため、同じようにアップしないとHTML上のパス指定が変ってしまうので現実的ではないということです。 要は、目的のファイルが同じフォルダならファイル名だけ、違うフォルダに入っているなら相対パスで指定しないといけないということです。
お礼
86tarou さん、度々ありがとうございます。
- ts0472
- ベストアンサー率40% (4325/10680)
サーバー上ではパソコン上のように簡単便利とはいかないので 私はホームページビルダーやFTPソフトを使っているのでFC2関連は未経験なのですが アップロードでa.jpgを含めているのであれば 何処かのフォルダーに書き込まれていると思います 一番簡単なのは Index.htmlデータの保存場所にa.jpgを保存ですが 数が増えると編集が面倒になってしまいます AフォルダーごとIndex.htmlデータが保存されているフォルダー内に書き込む事で解消できると思います 回答No.1様アドバイスの方法で可能なのであれば Index.htmlのあるフォルダー内の画像フォルダー 画像フォルダー内のAフォルダー（２階層下のフォルダー）という形でもAフォルダーのみの指定で画像を見つけ出してくれると思います ツリー型 http://office-qa.com/win/win186.htm 店舗・地名・月は上層下層の関係 地名から他地名は別階層 他地名のデータを使用するには店舗から地名・月というデータ保存場所指定が必要 分かり辛いかも知れませんが 蛇足ですがa.jpg画像は店舗にあたるフォルダーに保存されているのでは？と思います
お礼
ts0472 さん、度々ありがとうございます。
- ts0472
- ベストアンサー率40% (4325/10680)
アップロード方法不明ですが ホームページサーバー側にAというフォルダーが存在しますでしょうか？ 無い場合は上層フォルダーに書き込まれてリンク切れになる場合があります １つのフォルダー内の階層であればフォルダ名指定でOKです index.htmlデータが入っているフォルダーの中にAフォルダーがある ホームページデータと別のフォルダーに保存している場合は そのフォルダーもサーバーにアップする必要があります サーバー上の階層に合わせたリンク設定が必要になります
お礼
ts0472 さん、ありがとうございます。 FC2の無料版を使っています。 アップロードはFC2のファイルマネージャーを使っています。 サーバー側にAというフォルダーは存在しません。 結局のところは、サーバーにA,B両方のフォルダーをアップして <img src="〇〇/a.jpg" width="ccc" height="ddd" alt="eee" border="0"/ > を指示しなければならないということでしょうか。
- 86tarou
- ベストアンサー率40% (5094/12701)
No.1です。 参考になるリンクを張り付け忘れました ＾＾； http://www.pori2.net/saku2/link/2.html
お礼
86tarou さん、ありがとうございます。 <img src="../A/a.jpg" width="ccc" height="ddd" alt="eee" border="0"/ > としてみましたが、画像は表示されません。altの文言は表示されています。 なお、FC2の無料版を使っています。
- 86tarou
- ベストアンサー率40% (5094/12701)
二つのフォルダは同じデスクトップフォルダにありますが、階層が同じであっても違うフォルダですので、一つ上に階層を上がってから目的のフォルダを指定しないといけません。 相対パスで表す場合、上の階層は“ ../ ”ですので、Bを基準に記述すると… ../A/a.jpg が正解となります。
お礼
86tarou さん、感謝いたします。
関連するQ&A
- frameの内容が表示されない
次の(1)～(3)の3つのファイルを作りました。 (1) ファイル名：index.html 内容： <html> <head> <title>雲の研究 </title> </head> <frameset rows="20%,80%"> <frame src="top.html"> <frame src="sub-index.html"> </frameset> </html> (2) ファイル名：top.html 内容： <html> <head> <title>タイトル </title> </head> <body> 雲 </body> </html> (3) ファイル名：sub-index.html 内容： <html> <head> <title>目次 </title> </head> <body> いわし<br> うろこ<br> </body> </html> この3つのファイルを同一のフォルダに置いてindex.htmlをInternet Explorer 6.0で開くと 雲 いわし うろこ と表示されるのではないかと思っていたのですが、何も表示されません。 なぜでしょうか。
- ベストアンサー
- HTML
- jpg画像が表示されない
さくらインターネットの３GBの共有サーバを契約しました FFFTPというソフトでアップしましたがJPG画像が表示されません 独自ドメインで使用しています <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head><title>タイトル</title></head> <body><p><img src="title.jpg"></p> </body> </html> というHTMLファイルなのですがHPに ×マークででてしまいます title.jpgというファイルはindex.htmlと同じフォルダにアップしてます わかる方教えてください
- ベストアンサー
- レンタルサーバ・ASP
- HTMLの画像のリンクについて
ページ内にインラインフレームを作成し画像サムネイルをクリックするとフレーム内に表示するという感じにしたいのですが、フレームサイズを500×500にしたので、このサイズを超える画像を表示するとページのスタイルが崩れてしまいます。元画像のリサイズをせずに表示させる方法はないでしょうか？ 構造は以下のようになってます。 <html> <head> <title>photo</title> </head> <body BGCOLOR="007777"> <br><br> <iframe NAME="photo" WIDTH="500" HEIGHT="500" FRAMEBORDER="0" ALIGN="right"></iframe> <br><br><br> <p> <a HREF="gazou1.jpg" TARGET="photo"><IMG SRC="gazou1.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> <a HREF="gazou2.jpg" STYLE=""><IMG SRC="gazou2.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページを作りたいのですが・・・
ホームページを作りたいのですが、よく分かりません。 １年ぐらい前にもホームページを作ろうとして挫折したのですが、そのときに作ったindex.htmlというファイルが残っていて、新しく作ったindex.htmlというファイルが開けません。 何か分かりにくくてすいません。もうちょっと分かり易く説明すると、まず去年メモ帳に <html> <head> <title>私のページ</title> </head> <body> 初めてホームページを作ってみた。 <br> </body> </html> というふうに打ちました。 それで、ＵＲＬにindex.htmlと打って、「初めてホームページを作ってみた。」と出ました。 そして、今ですが、また新しくファイルを作って、「私のホームページを作ってみた」という文を「これが私のホームページです。」という文に変えて、ＵＲＬにindex.htmlと打ったら、「初めてホームページを作ってみた。」というふうになったのです。 今やっているファイルでホームページを作りたいので、どうすれば「これが私のホームページです。」というふうに出るのでしょうか？
- 締切済み
- その他（ITシステム運用・管理）
- 画像の下に文字が来ないようにするには
画像の下に文字が来ないようにするにはどうすればいいでしょうか？ <li>タグの中に、左に画像、右に文字を改行して表示させたいのですが、 改行すると画像の下に2行目が来てしまいます。 これをを避けるにどうすればいいでしょうか？ 下記のコード、すべて思い通りになりません。 <!DOCTYPE html> <html lang="ja"> <head> <title>test</title> </head> <body> <li> <a href="#"> <img src="C:\UsersDesktop\test.jpg"> <span>test</span><br><span>test</span> </a> </li> <li> <a href="#"> <img src="C:\UsersDesktop\test.jpg"> <span>test<br>test</span> </a> </li> <li> <a href="#"> <img src="C:\UsersDesktop\test.jpg"> <p>test<br>test</p> </a> </li> </body> </html>
- ベストアンサー
- HTML
- 【html】フレーム内の下端に画像を配置したい。
【html】フレーム内の下端に画像を配置したい。 htmlのframesetで上下に区切ったページを作っていて、上フレーム内の下端に画像を配置したいのですが、どうすればよいでしょうか？ menu.htmlとtop.htmlを、index.htmlでまとめており、上フレームはmenu.htmlです。 ソースは以下の通りです。 (1)index.html <html> <head> <title>mntns</title> </head> <frameset rows="110,*" frameborder="0" framespacing="0" border="0"> <frame src="menu.html" name="menu"> <frame src="top.html" name="main"> </framese> </html> (2)menu.html <html> <head> <title>mntns</title> </head> <style type="text/css"> body { color: #8b4513; background: #ffffff; font-size: 8pt; font-family: Verdana,Osaka,'MS UI Gothic'; } </style> </head> <body> <center> <table border=0 cellpadding=0 cellspacing=0 width=0> <td> <a href="top.html" target="main"> <img src="image/top.jpg" border=0 hspace=0></a> </td> </table> </center> </body> </html> このソース内のどこかに配置を指定するのは、どのようにhtmlを書けばよいのか教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- ＨＰ。画像の貼り付けができません。
ＨＴＭＬ記述でホームページを作っています。 画像の貼り付けをしたいのですが、できません。 <html> <head><title>タイトル</title></head> <body background="ファイル名"> 本文 </body> </html> でできると思ったのですが・・・ 画像ファイルはＨＴＭＬを書いているメモ帳があるのと、同じフォルダ内にしています。ＪＰＥＧ、ＧＩＦ、ＢＭＰと試してみましたがどれもダメでした。 ネット上からとってきた（フリー）からかな？と思い、自分で作ってみたのですが、それも載りませでした。
- 締切済み
- その他（インターネット・Webサービス）
- javascriptを２つ使うと１つの動きしかしません。
初心者です。ホームページを作っています。 以下のように記述してjavascriptで2つの動きをしたいのですが１つしか動きません。scriptをべつのファイルにしたのですが動かないのですが。どう記述したらいいのでしょうか？ よろしくお願いします。 <html> <title></title> <head> <script language="javascript" src="test.js"></script> </head> <center> <body text="#000000" onLoad="timer1=setTimeout('fadein(0,100)',100)"> <br><br> <font size="8" color="green">ようこそマイホームページへ</font><br><br> <img src="top.jpg"><br><br> <a href="top.html"> <img src="main.jpg"></a> <form action="top.html"> </form> <script language="javascript" src="common.js"> </script> <a href="javascript:void(post())">3秒後に遷移します。画面が変わらない場合はクリックしてください</a> </center> </body> </html>
- ベストアンサー
- JavaScript
- マウスポインタが画像に重なった時の処理
初歩的な質問で申し訳ありません。 現在HTMLでウェブページを作っていて、画像を貼り付けてそこにマウスポインタが重なった時に、画像を替え、なおかつ効果音を鳴らしたいのですが、画像だけが変わり音が流れません。 ソースの書き方に問題があると思うのですが、どの部分が間違っているのかよく分からない為ご指摘いただけるとうれしいです。 <html> <head><title></title></head> <body> <bgsound src="sounds/beat0001.mp3" id="b" loop="1" autostart="true"> <a href="#" onMouseOver="document.a.src='images/link2.jpg'","document.all.b.src='sounds/beat0001.mp3'" onMouseOut="document.a.src='images/link1.jpg'"> <img src="images/link1.jpg" border="1" name="a"> </a> </body> </html>
- 締切済み
- HTML
- ページが現れません
HPを作っている初心者です。 いくつかのページを作りました。他と同じ条件で下記の 様なhtmlを作ったのですがブラウザに出てくるのは白い 画面のみです。ソースの表示では同じに出てきます。 何処が悪いのか教えてください。お願いします。 <HTML> <HEAD> <TITLE>test/TITLE> </HEAD> <BODY BGCOLOR="#99CCFF"TEXT="#222222"LINK="#663300"VLINK="#6633FF"><BR> <BASEFONT SIZE="4"> <CENTER> <FONT SIZE=6><B>testです。</B></FONT><BR> <BR> <IMG SRC="test.jpg""test"><BR> <H4><A HREF="test.html">戻る</A></H4> </CENTER> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
86tarou さん、何度もありがとうございます。 FC2の無料版を使っています。正直、86tarou さんの仰っていることがよく理解できません。 FierFoxかGoogleChromeで画像をアップするようにとFC2から言われました。 フォルダをアップするようにとは一度も言われません。