締切済み

画像アイコンにリンクつけたいし、説明もポップアップさせたい

2004/05/08 17:13

お世話になっております<m(__)m> タイトルのとおりなのですが、画像アイコンにリンクつけたいし、説明もポップアップさせたいんです。 http://rurunta.gooside.com/ ↑のページを参考にしました。作者さま、ありがとうございます<m(__)m> それぞれ、下記のようなソースで作ればいいとのことですが、 <a href="表示させたいペ－ジのURL" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'">表示させる文字</a> <span id="txt1" style="display:none;position:absolute; border:線の太さpx 線の種類線の色;color:説明文の文字色;background-color:説明文の背景色;">説明文</span> どちらも同時に使いたい場合は、どうソースを並べればいいのでしょうか？このページに、サンプルがありましたので、このページ自体のソースを見ようかと思いましたが、フレームでつくってあるせいか、発見できませんでした。。。あと、このソースのなかに「border:線の太さpx 」とありますが、ｐｘってなんでしょうか？

aimer
お礼率75% (432/575)

HTML
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

みんなの回答

noname#10926

2004/05/08 17:38 回答No.2

今度は一発でOKかな？（動作確認済み） <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <P><A href="***1.htm" onclick="NewWindow('***2.htm');"><IMG src="***.gif" width="50" height="50" border="0"></A></P> </BODY>

質問者

お礼 2004/05/09 07:43

いつもいつも大変ありがとうございます(*^。^*)Javascriptでもリンクがつけれるということでしょうか。。（まったくの初心者ですみません(^^ゞ）コピってためしてみましたが、画像をポイントすると、説明文もポップアップするようにしたかったのですが、それはできなかったようです。。(涙わたしの質問のなかにあった、ソースですが、ためしにそのまま並べてhtmlで保存したところ、うまく、画像をポイントすると、説明文もでて、リンクもできました(^_^)/わたしの質問の仕方が悪かったのなら、本当にすみません<m(__)m>

ログインすると、全ての回答が全文表示されます。

elttac
ベストアンサー率70% (592/839)

2004/05/08 17:27 回答No.1

　どうしても，おっしゃるような派手な方法がご希望ならば別ですが，シンプルな方法でしたら，「一発」です。アイコンをクリックするとページ移動，でよろしいですね。 <a href="リンク先 URL" title="ツールチップの文字列"><img src="アイコンの URL" alt="ツールチップの文字列" width="アイコンの幅" height="アイコンの高さ" border="0"></a> でいかがでしょうか。この場合は，a 要素の title 属性と，img 要素の alt 属性に，同じ値を与えておくとよいでしょう。　それから，「px」ですが，これは CSS（カスケーディングスタイルシート）で使う単位で，「ピクセル」です。「1px」で「1 ピクセル」を表します。

質問者