• 締切済み

スタイルシート（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> よろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

回答No.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というツールをご存知でしょうか？ 今回のようなエラーが発生した際には非常に強力な味方になってくれます。 無料のツールなのでお勧めです。 詳しくは検索してみてください。

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.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>

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する