人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSで、以下の指定部分のアンダーラインを消すにはどうしたら良いでしょうか?

<h1><span class=”nounderline”>【<a href=”#”>ココ</a>】</span></h1>

h1,aにはアンダーラインが指定されているものとします。また、【】部分のアンダーラインも消えている必要があります。対象ブラウザはIE6.0以上、Firefox(最新バージョン)とします。

自分では以下のような形で試してみたのですが、アンダーラインが表示されてしまいました。宜しくお願いします。

.nounderline {
border: 0px;
text-decoration: none;
}

●質問者: dak
●カテゴリ:コンピュータ
✍キーワード:border CSS firefox h1 IE6
○ 状態 :終了
└ 回答数 : 12/12件

▽最新の回答へ

1 ● hate218
●0ポイント

http://www.tagindex.com/stylesheet/text_font/text_underline_posi...

スタイルシート[CSS]/テキスト・フォント/下線の位置を指定する - TAG index

上記を参考にしてみてはいかがでしょうか。

◎質問者からの返答

下線を消す方法は書かれていません。全く参考になりません。


2 ● ed_tks
●0ポイント

http://www.hatena.ne.jp/1120718634#

人力検索はてな - CSSで、以下の指定部分のアンダーラインを消すにはどうしたら良いでしょうか? <h1><span class=”nounderline”>【<a href=”#”>ココ</a>】</span></h1> h1,aにはアンダ..

※URLはダミーです。


<h1>【<a href=”#” class=”nounderline”>ココ</a>】</h1>


としてはいかがでしょうか?

◎質問者からの返答

h1には下線が指定されてるんですってば。参考になりません。あの、回答もらうと回答者に払わなくてもお金掛かるんで、ちゃんと読んでから書いて下さい。


3 ● fet-33
●20ポイント

http://allabout.co.jp/computer/hpcreate/closeup/CU20030513A/inde...

初心者応援講座 スタイルシートを使う3つの方法 - [ホームページ作成]All About

<span class=”underline”>

はとりのぞき、

<a href=”●” class=”underline”>

にしてみて下さい。

<a>

にアンダーラインが指定されているのですから、

<a>

に対する例外項目として指定する必要があります。

また、CSSを外部ファイルから呼び出す場合は


.nounderline {

border: 0px;

text-decoration: none;

}


は、アンダーライン指定の行よりも後の行に記載する必要があります。

逆にすると、アンダーラインが消えないことがあります。

◎質問者からの返答

aタグだけに指定すると【】部分が消えないので、取り除かないで両方に指定すると良いのかな。スタイル指定の順序はビンゴっぽいです。忘れてました。有難うございます。


4 ● cozycozy
●0ポイント

http://www.hatena.ne.jp/

はてな

スタイルシートで


.nounderline {text-decoration:none;}


としておいて、HTMLの方で


<h1<a href=”#” class=”nounderline”>ココ</a></h1>


としてはいかがでしょうか。


(URLはダミーです)

◎質問者からの返答

【】部分が消えないので駄目です。


5 ● ku__ra__ge
●20ポイント

http://www.google.ne.jp/

Google

この場合spanタグではなく、aタグのスタイルが優先されますので、

A{

text-decoration : none;

}

とやれば、下線が消えます。

◎質問者からの返答

既出ですが、当たってます(凡ミスで悔しい)。ありがとうございます。今の所【】部分も下線を消すためにspanタグとaタグの両方にnounderlineクラスを指定しています。CSSファイル内のnounderlineクラスより下にはaの指定もh1の指定もありません。が、【】部分には下線が表示されます。何でしょうコレ。


1-5件表示/12件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ