解決済

clip!clip!
Ads By Google

ブログタイトルと他のリンクの、スタイル(リンク色や上下線など)を違うものにしたい。

ページ全体のリンク色の指定は
a:link {color : #○○○○○○;}

ブログタイトルのリンク色の指定は
#banner a:link{color:#△△△△△△;}

だと思うのですが、
違う記述をしているのに全体のリンク指定がブログタイトルに強制的に反映されてしまいます。

症状




以下のようにspanというタグを使ってみましたが、結果は同じでした。

スタイルシート
#banner span a:link{color:#c96;text-decoration:none;}

トップページ他
<div id="banner">
<h1 class="blogtitle"><SPAN><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></SPAN></h1>
<div class="description"><$BlogDescription$></div>
</div>


具体的には、ブログタイトルは上下線なし・他のリンク(全体の指定)は現状どおり「下線点線→マウスが乗ったら実線」にしたいのです。

ご存知の方、アドバイスよろしくお願いいたします。

2006-09-10 23:17の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-09-13 09:31:34ベスト
「a:link」に「border-bottom:dotted 1px #ebadbd;」が指定されているのが原因だと思われます。
SPANを挿入する必要はありません。
「#banner h1 a」に「border:none;」を追加してみてください。
これで、下線点線が消えるはずです。

おお!!!解決しました。本当に有難うございました。

1.

2006-09-11 00:13:38
過去に似たような質問で詳しい回答が示してあるので、こちらを参考にしてみてください。たぶん実現できると思います。

ブログタイトルについて

Ads By Google

コメント(2)

#1.  Hukamin
2006-09-13 09:34:03

>>2
すみません。「#banner a」で大丈夫です。
こちらに「border:none;」を追加してください。

#2.  羽音
2006-09-13 11:58:44

>>1
foissotteさんもすばやい回答を有難うございました。また何かありましたらよろしくお願いいたします。

トラックバック(2)

トラックバックURL: