Google
情報交換
掲示板のルール
ページ作りFAQ
  新規投稿 ┃ ツリー表示 ┃ 一覧表示 ┃ トピック表示 ┃ 番号順表示 ┃ 検索 ┃ 設定 ┃ 過去ログ ┃ ホーム  
18 / 33 ツリー ←次へ | 前へ→

【6813】画像が表示されない(背景はOK) シロ 11/2/2(水) 17:23
  【6815】Re:画像が表示されない(背景はOK) 105 11/2/3(木) 1:10
   【6816】Re:画像が表示されない(背景はOK) シロ 11/2/6(日) 22:56

【6813】画像が表示されない(背景はOK)
 シロ E-MAIL  - 11/2/2(水) 17:23 -

引用なし
パスワード
   最近htmlを学び始めて、このサイトのとおりにタグを組んだのですが、画像が表示されずXマークだけ表示されます。

きっと、初歩的なミスだと思うのですが、フィイル名など確認できることはしましたが原因わかりません。 

よろしくお願いします。

URI travelsleep.web.fc2.com    editorは「cresent eva」を使用。

打ち込んだテキスト
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>プロフィール</title>
</head>
<body background="img/back.gif">
<div align="center">
<img src="img/welcome" width="100" height="88" alt="welcome">
<br><br>

<hr width="500">
<a href="index.html">トップ</a>
 <a href="about.html">プロフィール</a>
 <a href="link.html">リンク集</a><br>
<hr width="500"><br><br>

<br><br>やっとホームページを作れた初心者です。<br>
教官!グズでノロマな亀だけど、がんばって<br>
立派なスチュワーデスになります!<br><br>
<hr width="500">
<a href="index.html">戻る</a>
</div>
</body>

【6815】Re:画像が表示されない(背景はOK)
 105  - 11/2/3(木) 1:10 -

引用なし
パスワード
   こんばんは、105です。

▼シロさん:
>最近htmlを学び始めて、このサイトのとおりにタグを組んだのですが、画像が表示されずXマークだけ表示されます。

背景画像は表示されていますので、↓の部分は正しい。というところから考えていきます。
<body background="img/back.gif">

次に表示されないwelcom画像の指定ですが、画像のパスは拡張子まで指定しないといけません。ですので、welcom.gifまで指定します。
<img src="img/welcome.gif" width="100" height="88" alt="welcome">

次に画像がアップされているか確認します。
img/back.gifは表示されていますので、画像のURIを入力すると表示されます。
http://travelsleep.web.fc2.com/img/back.gif

ところがwelcom.gifは表示されません。
http://travelsleep.web.fc2.com/img/welcom.gif

ですので、画像が指定の場所にアップされていないか、ファイル名が違う可能性があります。back.gifと同じ場所にwelcom.gifがアップされている確認してみてください。

---

もう一箇所、修正する部分があります。

altの前が全角の空白になっているようですので、これを半角の空白に直します。
<img src="img/welcome.gif" width="100" height="88" alt="welcome">

文章以外の場所に全角の空白があると、正しく表示されないことが多々あります。

---

おまけ
http://www.google.co.jp/search?aq=f&sourceid=chrome&ie=UTF-8&q=%EF%BD%86%EF%BD%83%EF%BC%92%E3%80%80QR%E3%80%80%E6%B6%88%E3%81%99

【6816】Re:画像が表示されない(背景はOK)
 シロ  - 11/2/6(日) 22:56 -

引用なし
パスワード
   105さん

返信ありがとうございました。 
ご指摘のとおり、拡張子まで囲って、altの前のスペースを半角にしたらバッチリ表示されました。

自分では何度見直してもこういうミスは発見しにくいですね。

それとQRコードの消し方もありがとうございました。
やはり、できる人に聞くと質問以外のことも教えていただけてお得感でいっぱいです。

今、WEBデザイナーへの転職のため独学でHTMLとCSSを勉強しています。
また自分で解決できない問題に出くわしたときにはこの掲示板に質問してみようと思いました。

ありがとうございました。
    

  新規投稿 ┃ ツリー表示 ┃ 一覧表示 ┃ トピック表示 ┃ 番号順表示 ┃ 検索 ┃ 設定 ┃ 過去ログ ┃ ホーム  
18 / 33 ツリー ←次へ | 前へ→
ページ:  ┃  記事番号:  
135,388
(SS)C-BOARD v3.3 is Free.