CSSでリンクを色指定できない場合の対処方法
- CSSを使用してリンクの色を指定する方法に問題がありますか？この記事では、CSSでリンクの色を変える方法と、リンクの色が変わらない場合の解決策について説明します。
- HTMLでリンクを作成し、CSSで色を指定しても、リンクの色が変わらないことがあります。この記事では、その原因と対処方法について詳しく解説します。
- リンクの色を変えるためにCSSを使用しているが、うまくいかない場合は何が原因なのか疑問に思うかもしれません。この記事では、その原因と解決策について説明します。
- ベストアンサー
cssでリンクをはった文字の色が変わらない
前任者が作ったcssのファイルを使っています。私自身はhtmlは使えるのですが、cssは慣れていません。ひとつのページでリンクを張った文字が全部同じ色になってしまいます。 たとえば一部色を変えたいと思って <font color="#ffffff"><a href="aa.html">aa</a></font> というようにhtmlで色の指定をしても色が変わってくれません。リンクを張らない文字はきちんと色が変わってくれます。 全部のコードを書くことは長すぎかつどこがcssなのかわからないのでできませんが、そのような状況が一般的におこりうるのか？どのように対処するべきなのかご存知の方がおりましたら、よろしくお願いいたします。
- shallowsou
- お礼率56% (14/25)
- ホームページ作成ソフト
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
CSSファイルの中で a タグ全般に色指定されているのだと思います。 a { color: xxx; ・・・・ といった感じで a タグに関する記述がどこかに有ると思いますので探してみてください。 どうしても分からなければ、 <a href="aa.html"><font color="#ffffff">aa</font></a> とすれば色が変わると思います。
その他の回答 (2)
- 4017B
- ベストアンサー率73% (1303/1774)
そのHTMLページは携帯用ですか？一般的なwebサイトのためのHTMLページを作っているのなら、今すぐ <font>タグ は使うのは止めた方が良いでしょう。もしも日本製の携帯電話向けサイトを作っているであれば仕方無いです。 で、既に指摘されていますが。そのHTMLページの何処か、或いは外部CSSファイルによって、<a>タグ の色指定がなされている思われます。そこの部分を編集しないと、リンク部分の色を変える事は出来ません。 恐らくHTMLページの最上部分の <head>～</head> に囲まれた箇所に、 <link rel="stylesheet" href="./hoge/style.css"> ～という様な部分があるかと思います。そこのリンク先に指定有るのが、外部CSSファイルですので、それを直に編集していく方法になるかと思います。
お礼
ありがとうございました。助言の通り、fontを避けてみました。どの回答の方法でも目的が達せたので、最初の答えの方をベストアンサーにさせていただきましたが、4017Bさんの回答も助かりました。
- outbrave
- ベストアンサー率60% (231/380)
<font color="#ffffff"><a href="aa.html">aa</a></font> この書き方で修正するなら、順序を逆にすればよいのですけど <a href="aa.html"><font color="#99ffff">aa</font></a> スタイルシートを挿入する場合は <a href="aa.html" style="color:#ff99ff">aa</a> まとめてスタイルシートで設定する場合は、クラス名を使用して <style type="text/css"> <!-- .name1 { color:#ffff99; } .name2 a { color:#ff9999; } --> </style> <p> <a href="aa.html" class="name1">aa</a> </p> <p class="name2"> <a href="aa.html">aa</a> </p> このようになります。
お礼
ありがとうございます。わざわざ長いcssのコードも作っていただき恐縮です。どのアンサーの方法でも目的は達成できましたので、最初の方をベストアンサーにさせていただきましたが、outbradeさんもありがとうございます。
関連するQ&A
- リンクだけが指定にない色になります。
テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色（青）になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 （powermacＧ4/OS9/IE5/NN4.7/Jedit4.0）
- ベストアンサー
- HTML
- CSSでのリンク色の変更で
HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを２つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします
- ベストアンサー
- HTML
- css特定の文字のリンク文字色指定
教えてください。 一般的な文字の指定で a, a:link, a:visited { color: #333333; text-decoration: underline; ｝ というような指定をしますが、一部指定文字だけ 色を変えたり、アンダーラインの指定をする場合は どうすればよいのでしょうか？ たとえば、 .text{ color: #FFFFFF; } だけだと、visited は#333333になってしまうのですが #FFFFFFにしたい。という時の指定方法を教えてください
- ベストアンサー
- CSS
- リンクの色を2色で使い分けたい
はじめまして。 良かったらどなたか教えて下さい。 今、一枚のページを作っているのですが、背景色を"#ffffff"（白）とし、そのリンクを以下の様に指定しました。 <style type="text/css"> <!-- A { text-decoration: none} A:link {color:#000000;} A:visited {color:#ffffff;} A:hover {color:#ff6600;} --> </style> 「白地に黒文字リンク、オンマウス時はオレンジ」という指定です。 ところが、同じページ内でテーブルを組み、その背景を#000000と指定する事になりまして、その中にリンクを入れると、「黒字に黒文字リンク、オンマウス時はオレンジ」 でリンクの文字が見えなくなってしまいます。 hoverの効果（オンマウス時はオレンジ）の効果を残しつつ、リンク色を二色に分ける方法は無いでしょうか？ （クラス指定の使い方がよく判ってないので、自分で指定するとエラーしか出ないのです）。 お忙しい所申し訳ございませんが、宜しくお願い致します。
- ベストアンサー
- HTML
- 触れたときに文字の色を変える方法
こんばんは。 リンクを貼った文字を最初は赤にし、触れたときに桃色にしようと思っています。 <head></head>の中に <style type="text/css"> <!-- a:hover{color:pink;} --></style> とし、 <A href="アドレス"><font size=2 color=red>文字</font></A> のようにリンクを貼りました。 しかし、赤のままで触れても桃色になりません。 フォントで囲むのをやめると、文字は青で触れたら黄色になりました。 どうすれば私のしたいようにできるでしょうか？ ご指導よろしくお願いいたします。
- ベストアンサー
- レンタルサーバ・ASP
- CSS：スタイルシートでテキストリンク
教えてください！！ 外部ファイルのスタイルシート（ＣＳＳ）を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 ＩＥ6.0では問題なく起動していますが、ＮＳ7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか？ ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のＣＳＳの記述】 .menu { font-family: "ＭＳ Ｐゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }
- ベストアンサー
- その他（プログラミング・開発）
- css 文字の色
cssでサイト全体を a:link{color:#33CCFF;} a:visited{color:#33CCFF;} a:hover{color:#FFCCFF;} a:active{color:#FFCCFF;} と先に色の指定していて、後からある一ページの一文の色（リンク指定されているもの）を別の色に変えたいのですが、色々やってもうまく色がつきません。 どうすればその一文（リンク指定されているもの）のみの色変更が可能になるのでしょうか？
- 締切済み
- その他([技術者向] コンピューター)
- 外部CSSでリンクカラー指定
外部CSSでwebサイトを作っています。 リンクカラーの指定をbody全体にしているのですが、 フッターだけ色を変えることはできますか？ その際フォントカラーも変えられればと思っています。 現在のCSSは a{/*リンクされた文字*/ color:#002AD1; font-style:normal; text-decoration:underline; } a:link {/*未訪問のリンク*/ color:0000ff; font-style:normal; text-decoration:underline; } a:visited {/*訪問後のリンク*/ color:#002AD1; text-decoration:underline; } a:hover {/*マウスをのせたとき*/ color:#335BFF; font-style:normal; text-decoration:underline; } a:active {/*クリック中*/ text-decoration:none; } 現在サイト全体のフォントカラーはグレーで、 リンクは上記の通り青系です。 footerは白から濃い紺の帯にするので、 文言やリンクが見えなくなってしまうのです。 フッターのCSSに個別にカラー指定しても変わりません。 .footer { border : none; width : 838px; heigth : 100%; text-align: left; padding : 0px 0px 0px 20px; color: #ffffff; ←このようにフォントを白にしても変化がないです line-height: 160%; font-size: 11px; } 何が原因でしょうか？ またそのようにする方法があれば教えてください。 よろしくお願いいたします。
- ベストアンサー
- CSS
- リンク文字の一部分だけフォントカラーを変えたいのですが
CSSでリンク文字のカラーを指定していますが、一部分のみリンク文字の色を変えたいと思っています。 そこで、 .whitelink a:link{color: #FFFFFF;} を外部CSSに記入し、 <TD class="whitelink">と埋め込みましたが、リンク文字の一部分のみが変更され、元の設定と混ざった状態になりました。 何が原因でそうなるのかが不明です。 またほかに、設定方法がありますでしょうか？ 教えていただければ助かります。
- ベストアンサー
- CSS
お礼
ありがとうございました。簡単なことだったんですね。