<BODY>と<FONT>のリンク色不一致は?

[新着] Webテンプレートを仮オープンしました



0   名前: コロナ : 2005/06/26 22:34
HPを移転するにあたって、ちょっとしたトラブルが起きたので質問します。

<BODY link="#00ff00" vlink="#00ccff" alink="#ffffff">
と設定したページに、
<FONT COLOR="#FF0000"><A HREF="〜.html">〜〜〜〜〜</A></FONT>
というリンクを設定したとき、

自分としては『#FF0000』で表示したいのですが、<BODY>タグが優先されてしまいます。
<BODY>タグのリンク色を変えずに、『〜〜〜〜〜』の部分だけを『#FF0000』で表示するにはどうしたら良いのでしょうか?

1   名前: しゃっちょ : 2005/06/26 22:34
<FONT COLOR="#FF0000"><A HREF="〜.html">〜〜〜〜〜</A></FONT>
ではなく
<A HREF="〜.html"><FONT COLOR="#FF0000">〜〜〜〜〜</FONT></A>
ではないでしょうかね

2   名前: カヅサツ : 2005/06/26 22:34  [URL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>Test</title>
<style type="text/css">
/* 通常のリンク */
a:link{
color: #00ff00;
}
a:visited{
color: #00ccff;
}
a:active{
color: #ffffff;
}

/* class属性値が "gundam" である div要素 */
div.gundam{
color: #FFFFFF;
background-color: #000000;
}
/* class属性値が "gundam" である div要素内のリンク */
div.gundam a:link{
color: #FFFF00;
}
div.gundam a:visited{
color: #00FF00;
}

/* class属性値が "doraemon" であるリンク */
a.doraemon:link{
color: #0000FF;
}
a.doraemon:visited{
color: #800080;
}
</style>
</head>
<body>
<ul>
<li><a href="http://www.google.co.jp/">google(普通のリンク)</li>
</ul>
<hr>
<div class="gundam">
<ul>
<li><a href="http://www.gundam.channel.or.jp/">ガンダムパーフェクトウェブ</li>
<li><a href="http://www.z-gundam.net/">Zガンダム劇場版公式</li>
</ul>
</div>
<hr>
<ul>
<li><a href="http://dora-world.com/" class="doraemon">ドラえもんチャンネル</li>
<li><a href="http://www.tv-asahi.co.jp/doraemon/" class="doraemon">テレビ朝日・ドラえもん</li>
</ul>
</body>
</html>

3   名前: コロナ : 2005/06/26 22:34
お二人ともありがとうございました^^
本当はカヅサツさんの方法をとりたかったのですが、スタイルシートはよく分からないので、
しゃっちょさんの方法で解決しました。もう少し勉強しなければ…。

では、本当にありがとうございました^^

一覧へ戻る