リンクカラーが変わりません
- 外部CSSでリンクカラーを設定したいがうまくできない
- visited設定カラーとactive設定カラーが反映されてしまう
- 何が間違っているのかわからないのでご指導をお願いします
- ベストアンサー
リンクカラーが変わりません。
外部CSSでリンクカラー設定したいのですがうまくできません。 最初からvisited設定カラーとなり、visitedはactive設定カラーで表示されてしまいます。（link設定カラーが適用されません。） 前回同じような質問をさせていただき、解決したと思ったのですが、作り直しているうちにまた解らなくなってしまいました。ページ自体は問題なくジャンプするのですが、どこが間違っているのでしょうか？ よろしくご指導お願い致します。 [site] ├[contents] │ └ [index] │ └ index.html │ └[styles-site.css] └ navi.css index.html <html> <head> <link href="../../styles-site.css/navi.css" rel="stylesheet" type="text/css"> </head> <body> <div class="navi"> <div><a href="index.html">top</a></div> </div> </body> </html> .navi.css <style type="text/css"> <!-- .navi div { float:left; width:45px; text-align:center; } a:link { color:#ff9933 } a:visited { color:#cccccc } a:active { color:#0000f5 } a:hover { color:#009700 } -->
- baltes
- お礼率65% (104/159)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 リンクの色が最初からvisitedの色になってしまうのは ブラウザに履歴が残っているからでは？ 履歴を消せばlinkの色で表示されると思います。 あとlink, visited, hover, activeの順番に書かないといけないみたいです。
関連するQ&A
- 外部CSSがうまく表示されません
下記ファイル(index.html・sld01.html・sld02.html） について相互にリンクし、外部CSSで制御したいのですが、うまくできません。 1.index.html→sld01.html（CSS反映せずdefault表示）さらにsld02.htmlへはリンク切れとなる。 2.sld01.html→sld02.htmlの場合、sld01.htmlでの文字色が a:visitedになりsld02.htmlジャンプでCSS反映せずdefault表示となりindex.htmlへはリンク切れとなります。 どなたかご教授いただけませんでしょうか？ index.html <html> <head>省略 <link href="/styles-site.css/navi.css" rel="stylesheet" type="text/css"> <link href="/styles-site.css/waku.css" rel="stylesheet" type="text/css"> </head> <body> <table>省略 <div> <a href="index.html">top</a> </div> <div> <a href="../sldset/sld01.html">gallery</a> </div> </table> </body> </html> sld01.html・sld02.html(slid.01へ) <html> <head>省略 <title>gallery</title> <link href="/css/base.css" rel="stylesheet" type="text/css"> </head> <body> <TABLE> <TBODY> <TABLE> <TBODY> 省略（java) <font size="-1"> <a href="/contents/sldset/sld02.html">slid.02へ</a></font> </TBODY> </TABLE> <font size="-1"> <a href="/contents/index/index.html">元のページに戻る</a></font> </TBODY> </TABLE> </body> </html> base.css(一部省略） a:link { color: #FFCC33; text-decoration: none; } a:visited { color: #CCCCCC; text-decoration: none; } a:hover { color: #66CCFF; text-decoration: none; } a:active { color: #FF3366; text-decoration: none; }
- ベストアンサー
- その他（プログラミング・開発）
- スタイルシートの設定
スタイルシートをリンク設定したく、文頭に下記の記述をしました。 ++++++++++++++++++++++++++++++++ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> ++++++++++++++++++++++++++++++++ まったく、反映されません・・ どうして何でしょうか？ どなたかお助けください。
- 締切済み
- ホームページ作成ソフト
- スタイルシート（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
- 同一ページのリンク設定を２種類にまとめて表記したい。
カテ違いでしたので再度こちらで質問させていただきます。 同じページに複数のリンク設定したのですが、それを２種類にまとめて表記したいのです。具体的にいうと下記を #Cと#D をまとめたいのです。 現在、 <style type="text/css"> div#A,B, a:link {color:#284c00;} div#C a:link {color:#ffffff;} div#D a:link {color:#ffffff;} div#A,#B, a:visited{color:#284c00;} div#C a:visited {color:#ffffff;} div#D a:visited {color:#ffffff;} div#A,#B,a:hover {color:#00bbff;} div#C a:hover {color:#000000;} div#D a:hover {color:#000000;} div#A,#B, a:active {color:#ff0000;} div#C a:active {color:#ffffff;} div#D a:active {color:#ffffff;} </style> とし、body以下にdiv idもそれぞれ設定しています。 #Cと#Dをまとめた表記にし、上の 【 div#A#B 】 に影響を与えないようにするにはどうすればいいのでしょうか？ 色々調べたりしてやってみたのですが全然うまくいきません。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- 画像にリンクを設定したときに．．．
<head> <style type="text/css"> body { background-color: #e1e1e1; margin-top: 12%; } a:link { color: #990000; } a:visited { color: #990000; } </style> </head> <body> <a href="*******.html"><img src="image/icons/jap.gif"></a> </body> 上のように、リンクを表す文字の色変化・下線の色変化を、赤色（#990000）に変化するように記述したのですが、 Internet Exploreでは、画像のまわりにリンクを示す「青い線」が出ます。 Operaでは、画像のまわりにリンクを示す線が出ません。 FireFoxでは、画像のまわりにリンクを示す「赤い線」が出ます。 Internet Exploreでも、FireFoxのように、画像のまわりのリンクを示す「線」を赤くしたいのですが、どうすればよいでしょうか？？ もしできない場合は、画像のまわりに出る、リンクを示す「囲い込み線」が出ないようにしたいのですが、どうすればいいでしょうか？？ <style type="text/css"></style>でページ全体に設定する場合の書き方と、<span style=""></span>で一部に設定する場合に書き方の、両方を教えて欲しいです。 宜しくお願いしますm(__)m
- ベストアンサー
- ブログ
- javascriptで外部cssの値の変更
以下のような外部cssのjavascirptでの値の変更のしかたを教えて下さい a.css #head{ margin:0px; padding:0px; background-color:#ccffcc;←この値を変更したい } a.html <html> <head> <link rel="stylesheet" type="text/css" href="a.css" media="all" id="cssa"> </head> <body> <div id="head"></div> </body> </html>
- ベストアンサー
- JavaScript
- 文章によって違うリンクカラーの指定をするには
同じページ内で文章によって違うリンクカラーの指定はできるのでしょうか？ 現在外部のCSSファイル内において下記の指定をしています。 a:link { color: #000000; text-decoration: none} a:active { color: #FF0000; text-decoration: none} a:visited { color: #000000; text-decoration: none} a:hover { color: #FF0000; text-decoration: none} これを文章によっては、a:linkとa:visited の色を別の色にしたいのですが、どのような方法がありますか？IDやclass指定を使えば可能なのでしょうか？アドバイスおねがいいたします。
- ベストアンサー
- HTML
- この２つのソースを50ページに配置したいのですが？
（1）head内 ----------- <link href="css/navi.css " rel="stylesheet" type="text/css"> ---------- （2）body内 ----------- <div class="nv"> <ul> <li><a href="purchase.shtml">1</a></li> <li><a href="torihiki.shtml">2</a></li> </ul></div> ------------ この（1）（2）のソースを50枚のページに入力したいのですが、少しでも速い方法ないでしょうか？
- 締切済み
- その他([技術者向] コンピューター)
- リンクを張った文字列の色
次のようにするとlink、hover、active、viewedのそれぞれの場合に「リンク先のページのタイトル」の文字列の色がgreen、#ffdddd、#ffffdd、maroonになると思ったのですが、うまくいきません。maroonのままです。 <html> <head> <style type="text/css"> <!-- table {font-size:12px; } a.x:link {color:green; text-decoration:none; } a.x:hover {color:#ffdddd; } a.x:active {color:#ffffdd; } a.x:visited {color:maroon; } --> </style> </head> <body> <table border="0" width="100%" height="400" text="bold"> <tr><td><a href="http://www......html" class="x" target="_blank">リンク先のページのタイトル</a>/td></tr> </table> </body> </html> よろしくお願いします。
- ベストアンサー
- HTML
- リンクについて。
こんにちは。 初歩的な質問ですが、リンクの貼り方が分かりません。 タグは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> <!-- body{background-color:#ffffff;} table{font-size:medium;line-height:150%;color:#000000;} --> </style> </head> <body> <a href="about.html">about</a> <a href="1.html">main</a> <a href="nikki.html">nikki</a> <a href="link.html">link</a> </body> </html> としているのですが、「<a href="main.html">main</a> 」だけが、ページが表示できません。と、出てきます。「main.html]も、他のリンクと同じようにサーバーにアップしてあり、それを貼り付けています。 何故、リンクできないのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
tediwecさん 本当にありがとうございました。 ずっと悩んでいましたが、解決いたしました。 またよろしくお願い致します。