- ベストアンサー
CSSで指定した文字色が見るマシンによって違う
リンクの文字の設定をCSSで以下のように指定しています。 a:link{font-size:12px; text-decoration:none} a:visited{font-size:12px; text-decoration:none} 文字色はデフォルトの青→紫になって欲しいので指定していません。 WinとMacのIE・NNで確認して大丈夫だったのですが、ある別のWinのマシン（IE）で確認したら、リンクの文字色がクリック後ピンク色になります。 なぜそうなるのでしょうか？ 回避方法としては色の指定をしてやるべきでしょうか？ よろしくお願い致します。
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞ある別のWinのマシン（IE）で確認したら そのマシンのIE「インターネットオプション」の「全般タブ」「色」設定が ピンクに設定されているからではありませんか？
関連するQ&A
- CSSの文字指定
<style type="text/css"> <!--A:link {color:#000055; text-decoration:none; } A:visited {color:#000055; text-decoration:none; } A:hover {color:#ff3300; text-decoration:underline; }--></style> 上部はcssのリンクですが、これに加えて文字のサイズ指定とフォントのフェイス指定もしたいです。 たとえば、MSゴシック,平成角ゴシックなど。 どう加えればよいですか？ <style type="text/css"> font:16px "ＭＳ Ｐゴシック",平成角ゴシック,</style>とやってもダメでした と
- ベストアンサー
- HTML
- cssにおけるフォントの大きさの制御と外部ファイルについて
現在多くの方々に見ていただけるようなホームページをと思って自分のページを制作しているのですが、フォントの大きさのことで困っています。 通常のIEではデフォルトでフォントを表示すると非常に大きな文字になるので-1のフォントを使用しています。しかしNNだと（特にお年寄りには）見づらいページになってしまうような感があります。 そこでスタイルシートでIEでもNNでもMacでもWinでも10ptの文字にして、文字にふれたときに下線がつくなどの処理をしました。 <style type="text/css"> <!-- a:link {font-size: 10pt; text-decoration:none; color:#000000; } a:visited {font-size: 10pt; text-decoration:none; color:#000000; } a:active {font-size: 10pt; text-decoration:none; color:#000000; } a:hover {font-size: 10pt; text-decoration:none; color:#FF0000; } --> </style> しかし、全く見られないなど（おそらくブラウザのバージョンにも依存するのだと思いますが）の意見もあり、困っています。 個人的には一番いい形で見てほしいし、多くの人にも見てもらいたいのでどうすればいいだろうと悩んでいます。 そこでご存じの方に教えていただきたいのですが （1）あまり負担にならない程度にそれぞれのマシンごとの識別させたい、もしくは、対応できないブラウザの場合は、通常のデフォルトサイズのフォントで見てもらうようにする方法はないでしょうか？ （2）cssやjavascriptなどは外部ファイルとしてhtmlファイルからリンクさせることが可能かと思いますが、実際の場合、htmlに埋め込む場合とリンクする場合で何か変わってくることはあるのでしょうか？（ひょっとして、複数のファイルにスタイルやスクリプトを適応させることができるというぐらいのメリットなのでしょうか？） お手数おかけしますがよろしくお願いいたします。
- ベストアンサー
- HTML
- CSSについて
カーソルがルンク先文字にふれた時に色が変わり、 リンクしたあとリンク済みになるCSS( スタイルシート)はこれでいいでしょうか？ リンク済みの色が変わりません。 <!-- <style type="text/css"> --><!--A:HOVER{position : relative;top:2px; left:2px;} </style> --> <style type="text/css"> <!--A:link {color:#000055; text-decoration:none; } A:visited {color:#000055; text-decoration:none; } A:hover {color:#ff3300; text-decoration:underline; }--></style>
- ベストアンサー
- HTML
- CSSで文字サイズを指定するとWINでは固定なのに…
CSSで文字サイズを指定するとWINでは固定なのに MACではブラウザで文字サイズを変えると サイズが変わってしまうのです。 MACでも固定する方法がわかりません。 教えてください。 ドリームウエヴァ－で作って 外部ファイルにしていて a { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 11px; text-decoration: none; } p { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; line-height: 18px; text-decoration: none; color: #666666; letter-spacing: 1px; } です。 どこがおかしいのでしょうか？
- ベストアンサー
- HTML
- 外部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
- スタイルシート上でリンク文字色の設定
○スタイルシート iro { font-size: 18; } iro:link { text-decoration:none;color:赤; } iro:visited { text-decoration:none;color:青; } iro:hover { color:黄 } iro:active { text-decoration:none;color:緑; } ○本文 <p id="iro"> <a href="abc.html">リンク</a> </p> すごく基本的な質問です。 スタイルシート上でリンク文字の色を設定したいのですが、さっぱりわかりません。 上のコマンドではうまくいかないことは確認済みなんですが、一応書いてみました。 ちなみに赤、青といった色指定の部分は、簡単になるように「#～」ではなくああいう風に書いています。 めんどうでしたら、色指定の部分は空白でかまいません。 正しい書き方を教えてもらえないでしょうか。
- ベストアンサー
- HTML
- リンクだけが指定にない色になります。
テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色（青）になります。 <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ファイル内において下記の指定をしています。 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
- IEでCSSのアンカー色指定が反映しない
<style type="text/css"> a:visited { color:blue;} div.testB { padding-left:12px; clear:both; } div.testB a{ color:#000000; text-decoration:none; font-weight:bold; } div.testB a:hover{ color: #cc0000; font-weight:bold; text-decoration:underline; } </style> <div class="testB"> <div><a href="#">リンク</a></div> </div> このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが… 解決策ありますでしょうか。 よろしくおねがいします。
- ベストアンサー
- CSS
- ｃｓｓの外部ファイルでのリンクの装飾
学校の課題で今ＨＰを作っています。 外部ファイルでリンクの装飾をしようとしているのですが、 検索してもＨＥＡＤ内に組み込むタイプのタグしか出てきませんでした。 <Style Type="text/css"> <!-- A:link { text-decoration:none; color:#000080; } A:visited { text-decoration:none; color:#000080; } A:active { text-decoration:underline; color:#000080; } A:hover { text-decoration:underline; color:#1e78ff; } //--> </Style> ↑このようなものを外部ファイルの場合はどう書けばいいのでしょうか？ つまり↑の内容（リンクの装飾）を↓のような形式に書き換えたいということです。 #title{ font-size:24px; font-weight:bolder; font-family:Arial; } わかりづらくて申し訳ありませんが、どなたか詳しい方いましたらよろしくお願いします★
- ベストアンサー
- HTML
お礼
そっか・・！ ご回答ありがとうございました（＾-＾）