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

締切り済みの質問

スタイルシート(CSS)の外部リンク方式を使用したテキストリンクの色変更

お手数ですが、webページ作成に詳しい方は回答お願いします。

webページを作成しております。
スタイルシート(CSS)を外部リンク式でhtml文書に適用して、テキストリンクの色を変更しようとしています。
未訪問リンクは青色、訪問済みリンクはグレー、マウスオーバーリンクは赤色が希望ですが、うまくいきません。
未訪問、訪問済み、マウスオーバー時に関わらず常に赤色です。
ちなみに内部埋め込み式ではうまくいきました。
以下html及びスタイルシート詳細です。

(外部リンク式html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<a name="jump"></a>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" href="css/body.css" type="text/css">
<SCRIPT type="text/javascript" src="css/default_css.js"></SCRIPT>
<TITLE></TITLE>
</style>
</HEAD>
~抜粋~
<TABLE width="740" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD height="40" align="center" bgcolor="#504040" class="t0">
<div id="footer">
<br />
<a href="home.html">HOME</a>
|<a href="sitemap.html">サイトマップ</a>
<br />
</div>

(外部リンク式スタイルシート)
a:link{color:blue;}
a:visited{color:gray;}
a:hover{color:red;}


body{
color:#666666;}

#main {
line-height: 150%;}

(埋め込み式html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<a name="jump"></a>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
a:link{color:blue;}
a:visited{color:gray;}
a:hover{color:red;}

body{
color:#666666;}

#main {
line-height: 150%;}

#footer {
color:#ffffff;
font-size: 100%;}
-->
<SCRIPT type="text/javascript" src="css/default_css.js"></SCRIPT>
<TITLE></TITLE>
</style>
~抜粋~
<TABLE width="740" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD height="40" align="center" bgcolor="#504040" class="t0">
<div id="footer">
<br />
<a href="home.html">HOME</a>
<a href="sitemap.html">サイトマップ</a>
<br />
</div>
</TD>
</TR>
</TABLE></TD>

よろしくお願いします。

投稿日時 - 2009-11-16 22:52:34

QNo.5453755

困ってます

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

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

回答(2)

ANo.2

提示のhtml,cssを私のPCでテストしましたが
うまくいきましたよ。
【テストブラウザ:ie6,7,8 firefox】

一度別フォルダ内でここに投稿されたソース部分のみコピペした
ファイルを作成しテストされてみてはどうでしょう?


>未訪問、訪問済み、マウスオーバー時に関わらず常に赤色です。
>ちなみに内部埋め込み式ではうまくいきました。
上記の結果から考えられる事は
・<TD height="40" align="center" bgcolor="#504040" class="t0">
この行で指定されている class="t0" の指定が効いてしまっている。
・<LINK rel="stylesheet" href="css/body.css" type="text/css">
この行で指定されているフォルダにbody.cssが保存されていない。

原因としてはcssの優先順位が低いか
(style属性と外部スタイルシートで同じタグに違う指定をした場合style属性が優先される)
cssのパスが効いていないかだと考えられます。

ちょっと話がそれますが
firebugというツールをご存知でしょうか?
今回のようなエラーが発生した際には非常に強力な味方になってくれます。
無料のツールなのでお勧めです。
詳しくは検索してみてください。

投稿日時 - 2009-11-22 03:03:45

ANo.1

なんかHTMLのTAGの構成がおかしいような。
<!DOCTYPE - - - --
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>- - - </title>
<link rel="stylesheet" href="css/body.css" type="text/css">
<style type="text/css">
- - -
</style>
<script>
- - -
</script>
</head>
<body>
- - - -
<a>- - - </a>
- - - - -
</body>
</html>

投稿日時 - 2009-11-17 09:34:34

あなたにオススメの質問