ｘｈｔｍｌで画像が表示されない

解決済

質問者：bassyman
質問日時：2009/07/22 21:15
回答数：4件

ｍｉｃｒｏｓｏｆｔＦｒｏｎｔＰａｇｅにてフォルダに新しく入れた画像が表示されないので質問します。
オープンデザインの雛形を使い、日本語にしたところまではうまくいきました。ですがダウンロードした最初から入っている画像は表示されても新しくフォルダに入れた自分の画像が表示されません。記述は「img/aaa.jpg」のようにして、スペルミスは無いと思うのですが・・・。

僕は自分の店・会社が持ちたく活動しています。コスト面を考え独学でｈｔｍｌを勉強し公開していまして今回ｘｈｔｍｌでの記述に挑戦していたところこの問題にぶつかってしまいました。ｘｈｔｍｌの挑戦は初めてです。

ｐｃはＤＥＬＬのｖｏｓｔｒｏ。ソフトはｏｆｆｉｃｅ２０００。

どなたか、詳しい方、教えてください。

※添付画像が削除されました。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： reggaepunc
回答日時：2009/07/25 23:02

画像に欠陥がある場合もたまにありますね。

画像がたくさんある場合はdownsizeallなどのフリーソフトを使用して
一括保存で短時間で処理できるかもしれません。

ともあれ、
前進できてよかったです★

この回答への補足

こんなに親切に教えてもらったことがないので、「良回答」や何やらを使ったことがないので使い方がわからないんですが調べて付けます！

補足日時：2009/08/02 00:41

通報する

- 0
- 件

通報する

No.3

回答者： reggaepunc
回答日時：2009/07/25 13:02

ソースにゴミがまじっているようなので、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 …

この回答への補足

プレビューして表示されない画像のところにある×マークのところを右クリックしプロパティを見たら「利用不可」となっていました。画像がおかしいのかな？と思いペイントソフトを使って保存しなおしたら「ｔｅｓｔ。ｊｐｇ」が表示できました。とりあえずは解決です！画像の保存自体に問題があったようです。しかし、なぜこのようなことになるのか謎のままです。しかも、これから毎回ペイントを使って１枚１枚画像を保存する手間を考えたら気が遠くなります。

ありがとうございました。ソースのミスも改善してゆきます。本当に親切に教えて下さり感激しています。わけがわからずＨＰに対する情熱も心も折れかけていたので。ありがとうございました。

補足日時：2009/07/25 15:58

通報する

- 0
- 件

通報する

No.2

回答者： reggaepunc
回答日時：2009/07/23 23:24

該当部分のソースは閉じタグ以外は問題なさそうです。

あと問題があるとすれば画像の場所と画像の保存形式やCSSなどでしょうか。
該当部分以外のソースも気になります。

gif画像の拡張子をjpgにするとブラウザで表示されません、逆もしかりです。
フォルダの名前が一文字でも違うとブラウザに表示されません。

この回答への補足

閉じタグ間違っていますか？正確なものを教えていただきたいです。

ソース全文です。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<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>