画像をサイトで使うには？

質問

よろしくお願いします。

【質問】どこかおかしいところはありますか？

サイトに画像を載せて、リンクを挿入したいと思います。
　※掲載場所は、商品の詳細ページです。

<a href="リンク先"><img src="../../image/画像" width="幅" height="高さ" alt="マウスを当てた時に出る文章" />

　※img src="../../image/画像"
　　この部分が間違っているとは思いますが、
　　imageというフォルダに画像が入っています。

回答No.4

noname#235092 · ベストアンサー

要は、「そのhtmlが入っているフォルダ」と「imageフォルダ」の階層の関係がどうなっているかということです。

（ヒント）

０．「そのhtmlファイル」が「imageフォルダ」と同じ階層にあるならさかのぼる必要はないので「../」はひとつもいらない。

１．「そのhtmlが入っているフォルダ」と「imageフォルダ」が同じ階層にあるならひとつさかのぼればよいので「../」は1個でよい。

２．「そのhtmlが入っているフォルダ」がさらに別のフォルダに入っていて、その「別のフォルダ」と「imageフォルダ」が同じ階層にあるならふたつさかのぼらなければならないので「../」は2個必要。

・・・・・・・・・・・・・・・・・・・・・

あとはこれを参考に考えてみてください。

※「imageフォルダ」の方は名称の付け方から判断して、たぶん複雑な構成にはなっていないようなので考えなくていいかと。

お礼

有難うございます。
回答遅れて申し訳ございません

回答No.5

noname#100277

画像ファイルを「相対パス」で参照させるなら「../../image/画像.拡張子」の記述方法で問題無いでしょう。
（ディレクトリの関係をちゃんと調べて下さいね。）
質問者が折角xhtmlでの記述で書いてるのでエラーの無い記述方法を心掛けて下さい。
<a href="ターゲットするパス" title="ターゲット先の説明"><img src="ファイルのパス" alt="代替テキスト" title="ファイルの説明" width="横幅" height="高さ" /></a>

画像LINKなら「title="ターゲット先の説明"」は省略しても構わないでしょう。
此の場合「 title="ファイルの説明"」に追加で記述する必要が出て来ます。
その反対でも大丈夫。
本来は「全て」が望ましいのですが。

マウスカーソルを重ねた場合に出るのは「title」ですから間違わない様に。

お礼

有難うございます。
回答遅れて申し訳ございません

回答No.3

SAYKA

altの使い方が誤り。
altは代替えテキストであってツールチップ用の属性じゃない。
じゃぁ何ていう属性がそうなのかって？それは調べようね。せっかく便利なインターネットが有るんだし
http://www.google.com/search?lr=lang_ja&q=img%E3%82%BF%E3%82%B0%20%E3%83%84%E3%83%BC%E3%83%AB%E3%83%81%E3%83%83%E3%83%97%20%E5%B1%9E%E6%80%A7

あとNo1の指摘は「xhtml」の場合は「/」が無いとだめだからそこは注意。
件のimageというフォルダがそのリンク記述している場所から見てどこにあるのかが問題になるね。
http://www.google.com/search?lr=lang_ja&q=%E7%9B%B8%E5%AF%BEURL

お礼

有難うございます。
回答遅れて申し訳ございません

回答No.2

noname#235092

「../」が2つあるので1つ取ってみたらどうなりますか？

お礼

有難うございます。
回答遅れて申し訳ございません

回答No.1

asora

../../image/画像の部分を絶対パス（httpから始まる画像のアドレス）に変えてみましょう。
あと、imgタグの最後に書いている/は必要ありません。

お礼

有難うございます。