- ベストアンサー
ｘｈｔｍｌで画像が表示されない
- ｍｉｃｒｏｓｏｆｔＦｒｏｎｔＰａｇｅにてフォルダに新しく入れた画像が表示されない
- img/aaa.jpgという記述で画像を表示しようとしているが、表示されない
- ＤＥＬＬのｖｏｓｔｒｏでｏｆｆｉｃｅ２０００を使用している
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
画像に欠陥がある場合もたまにありますね。 画像がたくさんある場合はdownsizeallなどのフリーソフトを使用して 一括保存で短時間で処理できるかもしれません。 ともあれ、 前進できてよかったです★
その他の回答 (3)
- reggaepunc
- ベストアンサー率59% (64/108)
ソースにゴミがまじっているようなので、utf-8で保存し直してみてください。 ↓imgタグ src="" の部分は問題ないですね。 imagesフォルダの中にtest.jpgがあれば画像が表示されます。（私の場合は表示されました。） <img src="images/test.jpg" alt="Business ; Co" class="left"/> ※備考 閉じタグなどのミスは数カ所ありますので、リントにてご確認ください。 ■htmlチェックツール http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
補足
プレビューして表示されない画像のところにある×マークのところを右クリックしプロパティを見たら「利用不可」となっていました。画像がおかしいのかな？と思いペイントソフトを使って保存しなおしたら「ｔｅｓｔ。ｊｐｇ」が表示できました。とりあえずは解決です！画像の保存自体に問題があったようです。しかし、なぜこのようなことになるのか謎のままです。しかも、これから毎回ペイントを使って１枚１枚画像を保存する手間を考えたら気が遠くなります。 ありがとうございました。ソースのミスも改善してゆきます。本当に親切に教えて下さり感激しています。わけがわからずＨＰに対する情熱も心も折れかけていたので。ありがとうございました。
- reggaepunc
- ベストアンサー率59% (64/108)
該当部分のソースは閉じタグ以外は問題なさそうです。 あと問題があるとすれば画像の場所と画像の保存形式やCSSなどでしょうか。 該当部分以外のソースも気になります。 gif画像の拡張子をjpgにするとブラウザで表示されません、逆もしかりです。 フォルダの名前が一文字でも違うとブラウザに表示されません。
補足
閉じタグ間違っていますか？正確なものを教えていただきたいです。 ソース全文です。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <META http-equiv="content-type" CONTENT="text/html; charset=Shift_JIS"> <META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0"> <META NAME="Progld" CONTENT="Frontpage.Editor.Document"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <META NAME="AUTHOR" CONTENT="bassiy"/> <link href="style.css" rel="stylesheet" type="text/css"/> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/> <TITLE>ｉｓｓ </TITLE> </HEAD> <body> <div id="wrapper"> <div id="top"> <h1>ｉｓｓ</h1> <h2>Ｍｅｎ</h2> </div> <div id="header"> <ul> <li id="company"> <a href="#">会社概要</a> </li> <li id="services"> <a href="#">コンセプト</a> </li> <li id="solutions"> <a href="#">ブログ</a> </li> <li id="partners"> <a href="#">リンク</a> </li> <li id="contacts"> <a href="#">CONTACTS</a> </li> </ul> </div> <div class="line"> </div> <div id="content"> <div id="right"> <h1>NEWS &RELEASE</h1> <div class="code"> </div> <h2>新発売一覧</h2> <h3>JANUARY,21 2008</h3> <p>す。</p> <h2 class="ace">２００９/ｓｕｍｍｅｒ</h2> <h3>ｊｕｌｙ,212009</h3> <p>ｅｖｅｒ ｐｒｅｓｅｎｔ ｐａｓｔ</p> <h2 class="ace">西洋アンティーク</h2> <h3>JANUARY,212008</h3> <p>Ｂｅａｕｔｉｆｕｌ Ｄｒｅａｍｅｒ</p> </div> <div id="left"> <div id="part1"> <h1>リー［is］＞＞＞＞<a href="#">ｍｏｂｉｌｅ</a></h1> <div class="code"> </div> <img src="images/test.jpg" alt="Business ; Co" class="left"/> <p>Etiam vitae lacus pharetra mi fermentum mollis. Sed a sapien ut lacus vehicula tempus. </p> <p>ｉｍａｇｅｎａｔｉｏｎ＆ｃｒｅａｔｉｏｎ</p> <ul> <li><a href="#">シ製品はこちら</a></li> <li><a href="#">ス製品はこちら</a></li> <li><a href="#">真製品はこちら</a></li> <li><a href="#">金属</a></li> <li><a href="#">プレゼント用の包装について</a></li> <li><a href="#">ｗｅｂ通販はこちらから</a></li> </ul> </div> <div id="part2"> <h1>過去ログ</h1> <div class="code"></div> <div class="left" id="nav1"> <ul> <li><a href="#">コレクション</a></li> <li><a href="#">オーダーメイド</a></li> <li><a href="#">雑記</a></li> <li><a href="#">クリーニングについて</a></li> <li><a href="#">問い合わせ</a></li> <li><a href="#">よくある質問</a></li> </ul> </div> <p>Etiam vitae lacus pharetra mi fermentum mollis. Sed a sapien ut lacus vehicula tempus. Vivamus eleifend, q</p> </div> </div> <div class="cleaner"> </div> </div> </div> <div id="footer" class="cleaner"> <p>Copyright 2004-2008 <a href=""></a> .All RightsReserve.</p> <p>弊社サイト内で使用しております、写真・画像・コンテンツ等は、ｉｓｓの所有物であり、一切の無断・不正使用を固くお断りいたします。 </div> </body> </html>
- reggaepunc
- ベストアンサー率59% (64/108)
ソースを見せてください。 ミスがあるはずです。
補足
御回答ありがとうございます。該当部分のソースは「 <img src="images/test.jpg" alt="Business ; Co" class="left"/> 」です。
補足
こんなに親切に教えてもらったことがないので、「良回答」や何やらを使ったことがないので使い方がわからないんですが調べて付けます！