リンクロゴの張り付け方

[上に] [前に] [次に]
ゆうこ [E-Mail] 2000/05/27(土) 17:43:46
たびたびすみません。
これからリンクを他のページとはるのに、リンク用ロゴの張り付け練習をしているのですが、表示されないのです。
<A HREF="ホームページアドレス"><IMG SRC="画像のあるところ" BORDER=1 HEIGHT=31 WIDTH=88 ALT="MSLOGO"></A>
でよいのですよね(過去ログより)で、
テーブルにはめ込んで、<A HREF="http://www.mskojima.co.jp.html/"><IMG SRC="http://www.mskojima.co.jp/img/linklogo1.gif/"BORDER=1 HEIGHT=31 WIDTH=88 ALT="MSLOGO"></A>
のようにやってみたのですが、画像が表示されないのです。
クリックするとちゃんとホームページに飛んでいくのですが。
もし、タグがおかしかったら教えてください。
よろしくお願いします。

ゆうこ 2000/05/27(土) 17:45:57
<A HREF="http://www.mskojima.co.jp/"><IMG SRC="http://www.mskojima.co.jp/web/img/linklogo2.jpg/" HEIGHT=31 WIDTH=88 ALT="MSLOGO"></A>
すいません、始めに書いたタグは間違いでした。こっちが本当です。

shellwe [HomePage] 2000/05/27(土) 17:56:30
<A HREF="http://www.mskojima.co.jp"><IMG SRC="./img/linklogo1.gif" BORDER=1 HEIGHT=31 WIDTH=88 ALT="MSLOGO"></A>

記述はこれでOKだと思うのですが。。。。
この上記の構成だと。。

http://www.mskojima.co.jp
      |
      |------index.html
      |
      |------[img] フォルダ
      |        |
      |         ---------linklogo1.gif

という構成になっているとおもいます。
又、絶対パス(http://www.・・・・・)と書くのも良いですが
相対パス(./img/mslogo.gifなど)の方が記述も楽だし
サーバーが変わったときなど記述をすべて変える必要がないので
良いのではないかな?と思います。
あと、ファイル名の後ろには "/" は入りません。

こんな感じでよろしかったですか?わからなかったら又
書いてくださいね♪      

shellwe 2000/05/27(土) 18:00:19
これだったら。。。

<A HREF="http://www.mskojima.co.jp/"><IMG SRC="./web/img/linklogo2.jpg" BORDER=0 HEIGHT=31 WIDTH=88 ALT="MSLOGO"></A>

でよいのでは?
んと、BORDER=0 を記述すると画像の周りにリンク枠ができないので、
画面イメージを壊しません。
これでどうだったでしょうか?

ゆうこ 2000/05/27(土) 20:31:07
shellwe さんありがとうございます
しかし、ダメでした。画像のフォルダを変えてやってみたりしたのですが、表示されません。
ということは、最初の部分が間違っているしか考えられないんですよね。
サイトは、
/htmlフォルダ以下に
index.html
    |
webフォルダ
  |
imgフォルダ
    |_linklogo2.jpg
となっています。

こんな事で何時間も悩むとは・・・
よろしくお願いします。

にゃあ。 2000/05/27(土) 20:45:46
上でshellweさんが書かれている通りです。ハイパーリンクも相対パスでOKですね^^(蛇足か?)
パスについて、ちょっと補足までに。下のような構成と仮定して、

┬index.html
├linka.html

├link/┬linkb.html
:     :

├img/┬linklogo1.gif

index.htmlをlinka.html・linkb.htmlからそれぞれ見ると、
./index.html(linka.htmlから見て)
../index.html(linkb.htmlから見て)
となります。./は同じフォルダを、../は上位フォルダを表します。./は省略してかまわないです。

ですから、質問のケースは、
[linka.htmlに書く場合]
<a href="index.html"><img src="img/linklogo1.jpg" width="88" height="31" alt="Logo" border="0"></a>
[linkb.htmlに書く場合]
<a href="../index.html"><img src="../img/linklogo1.jpg" width="88" height="31" alt="Logo" border="0"></a>

こちらは参考までに。
http://www.tohoho-web.com/wwwbeg5.htm

にゃあ。 2000/05/27(土) 21:03:12
>ゆうこさん
>サイトは、
>/htmlフォルダ以下に
>index.html
>    |
>webフォルダ
>  |
>imgフォルダ
>    |_linklogo2.jpg
>となっています。

なるほど。じゃこうですか?
┬index.html
├/web┬〜.html
:----├/img┬linklogo2.jpg

この構成で、〜.htmlに書くとなると、
<a href="../index.html"><img src="img/linklogo2.jpg" width="88" height="31" alt="Logo" border="0"></a>
こうなるのでは?

ゆうこ 2000/05/27(土) 21:24:12
どうもありがとうございます。
>サイトは、
>/htmlフォルダ以下に
>index.html
>|
>webフォルダ
>  |-〜.html
>imgフォルダ
>    |-linklogo2.jpg
今、〜htmlにタグを書いています。

他の人にリンクしてもらうのに、どのように書いておけば良いかなので、
URLつきで書かないとだめですよね?
その書き方を考えて練習しているのですが、どんどんややこしくなって
わかりません。すいません。

にゃあ。 2000/05/27(土) 22:19:20
[[解決]]
どうやら解決したようなので、解決押しておきます(いちどやってみたかった^^)

もなか 2000/05/28(日) 15:07:37
もしかして、リンクしてもらう時にバナーも直接リンクで
表示してもらおうとしてるんでは・・・?

だとしたら、

<A HREF="http://www.mskojima.co.jp.html/"><IMG
SRC="http://www.mskojima.co.jp/web/img/linklogo2.jpg" BORDER=1
HEIGHT=31 WIDTH=88 ALT="MSLOGO"></A>

にしとかないと、自分んち以外ではバナーは表示されませんですね。
ちなみに人んちのバナーを直接リンクするにしても同じです。

2000/05/29(月) 01:03:40
あの、ツッコミがないようなんですが、ALT="MSLOGO"ってなんですか?
IMG要素に無意味な(というより無関係な)ALT属性を付けるのはよろしくないんですが。

M子 2000/05/29(月) 02:06:56
>あの、ツッコミがないようなんですが、ALT="MSLOGO"ってなんですか?
>IMG要素に無意味な(というより無関係な)ALT属性を付けるのはよろしくないんですが。

そうなん?知らなかった。画像にALTはいけなかったのか〜。

Fuji.♪ [E-Mail] [HomePage] 2000/05/29(月) 10:34:58
無意味(や無関係)なaltが悪いと言っているのであって、HTLM 4.01的にはaltは必須ですが?>M子さん

[上に] [前に] [次に]