リンクの下線を消すには？
[上に]
[前に]
[次に]
達也
[E-Mail]
2000/05/14(日) 23:31:41
スタイルシートがもう全然わかりません。
なんか有効なのがあったら教えてください。
お願いします。
D.D。
2000/05/14(日) 23:38:58
CSSでは
a { text-decoration : none; }
という感じ。
やなぎ
2000/05/14(日) 23:56:03
そのページの全てのリンクの下線を消したいのであれば
ヘッダの部分に以下の記述を入れれば、下線は消えます。
A:link {text-decoration:none}
</HEAD>
これは単にまだ押してないリンクを下線なしにする
スタイルシートです。
訪問済リンクも下線を出さないようにするには、
A:link {text-decoration:none}
A:visited {text-decoration:none }
</HEAD>
とすればOKです。
やなぎ
2000/05/14(日) 23:59:04
すみません。記述がたりませんでした。
（これより前は略）
<STYLE TYPE="text/css"><!--
A:link {text-decoration:none}
A:visited {text-decoration:none }
--></STYLE>
</HEAD>
です。
：-)
2000/05/15(月) 18:46:55
は ? D.D。さんのでいいと思うけど。。。
Kou
[E-Mail]
2000/05/15(月) 19:33:36
たしかにD.D。さんのでいいと思いますね。
でも、たとえば、訪問していないところを強調するために
訪問したリンクと、そうでないリンクを分けてヒョウジさせたいとき
は、やなぎさんの方法は有効ですね。
単に、下線を消すだけでなく、いろいろ表現できるんですから。
ふくちゃん
[E-Mail]
2000/05/15(月) 22:16:05
私がこの前お手伝いしましたホームページで以下のようなタグを入れました。
<STYLE TYPE="text/css">
<!---
A { font-family:Osaka,Arial}
A:link {color:"#3300CC"; text-decoration:none;}
A:alink {color:"#3300CC"; text-decoration:none;}
A:hover {color:"#C71585"; text-decoration:underline;}
A:visited {color:"#6600CC"; text-decoration:none;}
--->
</STYLE>
これですとIEの場合はアンダーラインを消したり、それぞれで色を変えたり、
マウスを乗せた時だけアンダーラインを出したり色を変えたりすることが
出来ました。
ただNNの場合はhoverというタグを認識しないのかアンダーラインは消えるの
ですが、マウスを乗せた時、つまりhoverの時にアンダーラインを表示させる
ことは出来ませんでした。
ふくちゃん
2000/05/15(月) 22:24:06
書き忘れです。
NNの場合はhover以外は全部認識できるようです。
D.D。
2000/05/16(火) 01:12:36
そういうものです＞ふくちゃん
達也
2000/05/16(火) 02:03:58
[[解決]]
ありがとうございました。
皆様のご指導が誤作動しないようにがんばります。
・・・やっちまった。
[上に]
[前に]
[次に]