microsoftFrontPageにてフォルダに新しく入れた画像が表示されないので質問します。
オープンデザインの雛形を使い、日本語にしたところまではうまくいきました。ですがダウンロードした最初から入っている画像は表示されても新しくフォルダに入れた自分の画像が表示されません。記述は「img/aaa.jpg」のようにして、スペルミスは無いと思うのですが・・・。
僕は自分の店・会社が持ちたく活動しています。コスト面を考え独学でhtmlを勉強し公開していまして今回xhtmlでの記述に挑戦していたところこの問題にぶつかってしまいました。xhtmlの挑戦は初めてです。
pcはDELLのvostro。ソフトはoffice2000。
どなたか、詳しい方、教えてください。
No.3
- 回答日時:
ソースにゴミがまじっているようなので、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 …
この回答への補足
プレビューして表示されない画像のところにある×マークのところを右クリックしプロパティを見たら「利用不可」となっていました。画像がおかしいのかな?と思いペイントソフトを使って保存しなおしたら「test。jpg」が表示できました。とりあえずは解決です!画像の保存自体に問題があったようです。しかし、なぜこのようなことになるのか謎のままです。しかも、これから毎回ペイントを使って1枚1枚画像を保存する手間を考えたら気が遠くなります。
ありがとうございました。ソースのミスも改善してゆきます。本当に親切に教えて下さり感激しています。わけがわからずHPに対する情熱も心も折れかけていたので。ありがとうございました。
No.2
- 回答日時:
該当部分のソースは閉じタグ以外は問題なさそうです。
あと問題があるとすれば画像の場所と画像の保存形式や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>iss </TITLE>
</HEAD>
<body>
<div id="wrapper">
<div id="top">
<h1>iss</h1>
<h2>Men</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">2009/summer</h2>
<h3>july,212009</h3>
<p>ever present past</p>
<h2 class="ace">西洋アンティーク</h2>
<h3>JANUARY,212008</h3>
<p>Beautiful Dreamer</p>
</div>
<div id="left">
<div id="part1">
<h1>リー[is]>>>><a href="#">mobile</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>imagenation&creation</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="#">web通販はこちらから</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>弊社サイト内で使用しております、写真・画像・コンテンツ等は、issの所有物であり、一切の無断・不正使用を固くお断りいたします。
</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- 画像編集・動画編集・音楽編集 エクスプローラー サムネイル表示されない 1 2022/12/22 10:14
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- Windows 8 Route Generator の使い方 1 2023/05/03 00:36
- Excel(エクセル) エクセル VBA For Next 繰り返しの書き方を教えてください 6 2022/09/01 14:11
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- Windows 10 Windows10にてjpg形式の画像が開けません 4 2022/08/24 14:37
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
カーソルを合わせると文字が出...
-
画像+リンク&文字のランダム...
-
CSSなどでHTML全体の表示を拡大...
-
datepickerを使ってカレンダー...
-
ホームページにサウンドの「ON...
-
HP作成時の確認について
-
ホームページ作成について
-
クリックしても、リンクに飛ば...
-
リンク先ページのサムネイルを...
-
リンクの上にマウスカーソルを...
-
j-phone用のweb作製しているの...
-
複数のボタンで1つのエリアに...
-
タイトルバーに画像を入れるHTM...
-
リンク先にしているページを小...
-
スライドショーの上にロゴマー...
-
HTMLにQRコードを挿入する方法
-
バナーの貼り方とバナーにリン...
-
img の align 属性を css に変...
-
画像についてるフレームを消し...
-
スマホで、画像をクリックする...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
崩れたレイアウトが更新すると...
-
リンクの上にマウスカーソルを...
-
サムネイル(画像)をクリックす...
-
windowsは画像にマウスオンで画...
-
form以外でのpostってできますか?
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報