こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

タグを使ってリンクの下線を非表示にする方法を教えてください。

HTMLの質問です。

下線の装飾等をする方法はかなり紹介されているのですが、
下線を非表示にする方法をご存知のかたお願いします。

IE等のブラウザーにオプションからの設定はできるのですが、
それに頼らず、最初からタグによって、非表示にする方法を探しています。

いろいろ探しまして、これはというタグを000aboutのサイトから
教えていただいたのですが、実際に使用してみると実行されませんでした。
何かが足らないのかなと思うのですが、分かりません。

そこは掲示板がないので、こちらでお分かりの方からアドバイスをいただきたく
投稿しました。

<style type="text/css"><!--
a.declink { text-decoration: none; }
--></style>

上記のタグは下線を非表示にするタグと別の装飾タグを入れるタグとの組み合わせ
でしたが、私には一部不要でしたので、ーーnone;以降の部分は割愛しました。

このタグにミスがありますでしょうか。
または、他のタグで非表示にできる方法をご存知でしたら、ご教授ください。
お願い致します。

投稿日時 - 2003-03-13 10:07:16

QNo.496780

困ってます

質問者が選んだベストアンサー

タグではなくてスタイルシートですね。
a.declinkなんてクラスは存在しなかったと思うのですが……

><style type="text/css"><!--
>a.declink { text-decoration: none; }
>--></style>

これを

<style type="text/css"><!--
a { text-decoration: none; }
--></style>

としてください。

参考URL:http://tohoho.wakusei.ne.jp/css/basic.htm#Pseudo

投稿日時 - 2003-03-13 10:11:22

お礼

速攻で、即効ですね!!効きました! 効きました!!
一分たたなかったようですね。
回答していただいた時間が。
記録的早さに驚きました。
もちろん、一発で実現できました。
30ポイントをあげたいんですが、
できないのですみません。
また、よろしくお願いします。

投稿日時 - 2003-03-13 10:20:35

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

aタグ全ての下線を消すなら
a { text-decoration: none; }

特定のタグだけ消したいならクラス名まで追加。
a.declink{ text-decoration: none;}

<a href="aaa.html" class="declink">下線無し</a>

投稿日時 - 2003-03-13 10:19:00

お礼

ありがとうございます。
勉強になります。
さらに詳しくありがとう
ございました。

投稿日時 - 2003-03-13 10:22:27

あなたにオススメの質問