マウスポインタを置いた時下線をつけるには?
[上に]
[前に]
[次に]
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作りますです。
[上に]
[前に]
[次に]