リンクの下線を消すには?

[上に] [前に] [次に]
達也 [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
[[解決]]
ありがとうございました。
皆様のご指導が誤作動しないようにがんばります。
・・・やっちまった。

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