マウスポインタを置いた時下線をつけるには?

[上に] [前に] [次に]
Gain [E-Mail] 2000/03/26(日) 22:59:08
リンクする際、マウスポインターを置いた時
(指印になってる時)に下線を表示
させるにはどうしたらよいのでしょうか?
よろしくお願い致します。

show 2000/03/26(日) 23:13:10
スタイルシート定義の中(HEAD中)に
A:hover{text-decoration:underline}
これを記述すればよいはずです。
これに色の定義も付け加えると、リンクに触れたときに色も変わります。
ただしIEのみです。

show 2000/03/26(日) 23:15:33
ちょっと語弊があるかもしれないので・・・
>ただしIEのみです。
A:hoverがIEしか対応していないと言う事です。

Gain [E-Mail] 2000/03/26(日) 23:51:49
すごい早さのレスですね〜(^^;多謝多謝

ところで、おっしゃられたタグは一度<head>〜</head>間に
打てば良いのでしょうか?
HP中にA:hover{text-decoration:underline}
と普通に表示されてしまったのですが・・・;
物分り悪くて申し訳ないですけど、もうちょい詳しく
教えて頂けると幸です(^^;

SA 2000/03/27(月) 00:09:45
>ところで、おっしゃられたタグは一度<head>〜</head>間に
>打てば良いのでしょうか?
その通り。でも、タグじゃないです。
次のように書いておけばいいと思います。

<meta http-equiv="Content-Style-Type" content="text/css">
<STYLE type="text/css">
<!--
A:hover{text-decoration:underline}
-->
</STYLE>

デフォルトでは下線があると思うのですが、わざわざ消したのでしょうか?
もしそうなら、その部分を変えたほうがいいと思います。

show 2000/03/27(月) 00:21:06
しまった、てっきりスタイルシートの使い方は知ってるものだと決め付けて発言してしまいました。反省。
ちなみに私のサイトではこうしてます。

<META HTTP-EQUIV="Content-Style-Type" content="text/css">
<STYLE type="text/css">
<!--
A{text-decoration:none}
A:link{color:#FFFFFF}
A:visited{color:#FFFFFF}
A:active{color:#FFFF60}
A:hover{color:#A8A8A8;text-decoration:underline}
-->
</STYLE>

リンクにポインタを合わせた時に下線が出ます。
もし良かったら、これをコピーしてちょっと色の具合を変えてみたりしてください。
それでは、良いサイト作成に向けて頑張ってくださいね。

Gain [E-Mail] 2000/03/27(月) 00:36:43
[[解決]]
こんな初心者にどうもありがとうございました。
言われたとおりやったら無事できましたっ。
これから頑張ってHP作りますです。

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