- ベストアンサー
IE6でaタグのvisitedより、aタグ内のクラスに指定した文字色を優先する方法について
oka5130の回答
IE6で試してないんですが…、これでどうでしょう？ ---------------------------------------------------- .wrapper a.fontcolor { color:red; } ---------------------------------------------------- ↓ ---------------------------------------------------- .wrapper a.fontcolor, .wrapper a.fontcolor:visited { color:red; } ----------------------------------------------------
関連するQ&A
- 触れたときに文字の色を変える方法
こんばんは。 リンクを貼った文字を最初は赤にし、触れたときに桃色にしようと思っています。 <head></head>の中に <style type="text/css"> <!-- a:hover{color:pink;} --></style> とし、 <A href="アドレス"><font size=2 color=red>文字</font></A> のようにリンクを貼りました。 しかし、赤のままで触れても桃色になりません。 フォントで囲むのをやめると、文字は青で触れたら黄色になりました。 どうすれば私のしたいようにできるでしょうか？ ご指導よろしくお願いいたします。
- ベストアンサー
- レンタルサーバ・ASP
- CSSでvisitedを指定した時の記述について
こんにちは。 左にコンテンツ、右にインラインフレームを設定しています。 左のコンテンツが増え、長くなったので、途中からコンテンツのリンクをクリックしたら最上部にいけるようにと、リンク先に<a name="top">を設定しコンテンツに<a href="xxx.html"#top class="flink" target="ifre">xxx</a>と設定しました。 また、CSSでは a.flink{ text-decoration:none; } a:visited.flink{ color:#ff00ff; } a:link.flink{ color:#ffcccc; } a:hover.flink{ color:#999999; } のように設定しています。 この#topを追加したコンテンツのみ、クリックした後はvisitedの色になるにも関わらず、一度IEを閉じるとvisitedの設定が生かされず、もともとのリンク色に戻ってしまいます。 hoverもきちんと変化するので、記述をミスしているわけではないようですが、#topをはずすと、IEを再起動してもvisitedの色が生きています。 #topの設定を残したまま、きちんとvititedの色に変わるようにする方法はありますでしょうか？ よろしくお願いします。
- 締切済み
- HTML
- 未訪問と訪問済みの色を指定-IEのみできない
外部スタイルシートにリンクの未訪問と訪問済みの色を指定しているのですが、 a:visited{color:#999999;} a:link{color:#ffffff;} WinのIEのみ未訪問も訪問済みも#999999になってしまいます。 FirefoxやSafariは問題ないのです。 この原因と対策をご教授ください。
- 締切済み
- HTML
- 【IE6にて】あるはずのない文字が表示されてしまいます。
タイトル通り、HTMLに記述してい以上の文字が表示されてしまいます。 以下がHTMLの記述の一部です。 <ul> <li><a href="http://…">●●●●●●</a></li> <li><a href="http://…">●●◆◆</a></li> </ul> この箇所のCSSは文字サイズとmarginを設定しています。 そして上記の内容をサイト上で見ると下のように表示されてしまいます。 サ| |サ イ| |イ ト| |ト 左| ●●●●●● |右 端| ●●◆◆ |端 | ◆◆ | | | 上のように右端の◆◆部分だけが左下にさらに表示されます。 試しにこの◆◆の上にマウスカーソルを置いてみると ひとつ前に出てきた●●◆◆と◆◆が１つのリンクであると認識されます。 firefox、opera、IE7,8では通常通り表示されるので、IE6のバグだとは思うのですが…。 長くなりましたが解決策があればよろしくお願いします。
- ベストアンサー
- 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
- IEでのaタグのhover効果
aタグにonClickを指定し、javascriptを動かすようにしています。またスタイルシートでa:hoverを指定しています。 hrefは指定していません。 <a onClick="javascript:xxxx();">ｘｘｘｘ</a> このようにすると、FireFox,Opera,Safariでは、hoverの効果がでるのですが、IEでは効果がでません。 href=""をaタグに指定してやると、IEでもhoverの効果が効くのですが、htmlのリロードが起きてしまいます。 IEで、hover効果を効かせ、かつリロードさせない方法はないでしょうか。
- ベストアンサー
- HTML
- リンクの文字色を別々に指定したい（オンマウスで変わるタグ）
メモ帳でＨＰをちまちま作ってたのですが、ちょっと困ったことが出てきたので質問させて下さい。 同じページのリンクの文字色を一括で変更するのは… <style type="text/css"> <!-- a:link { color: maroon } a:visited { color: maroon } a:hover { color: white } a:active { color: black } --> a { text-decoration: none; } </style> ですよね。 それと個別に変更するのが… <body link="maroon" vlink="black" hover="white" alink="maroon"> </body> なんですが、個別設定でカーソルをのせた時色が変わるタグがどうしても分かりません。 上の設定を踏まえた上で、オンマウスで色が変わるタグを教えて下さい。よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- a:linkのスタイルのインライン指定
a:linkのスタイルのインライン指定を教えてください。 <a href=a.html style=background-color:blue>a.html</a> はできますが、 <a href=a.html style=a:link-color:red>a.html</a> のようなことをやりたいです。
- 締切済み
- HTML
- <span>タグのクラス指定
お世話になります。 なにぶん素人に毛が生えた程度の人間なので、質問が拙いことはご容赦ください。 現在、HPの作成をしており、ホームページビルダーを使い、XHTML1.0Strict＋外部CSSで記述しています。 そこで問題が一つあり、ご教授願えればと思いました。 CSSにて<span>タグのスタイルを下記のように指定しました。 span {color:#C93;} すると、本文内で<span></span>で囲んだ範囲の色が上記指定色に変わりました。 ところが、下記のようにクラス名を入れて指定したところ、ホームページビルダー上では色がちゃんと変わるのに、実際にブラウザプレビューで確認すると、色が変わっていませんでした。 CSS ／ .01 {color:#C93;} または span.01 {color:#C93;} 本文中 ／ <span class="01"></span> 私にはさっぱり分からないのですが、なぜこうなるのか分かる方いらっしゃいましたらご教授ください。 なお、クラス名を変えても同様でした。 宜しくお願い致します。
- ベストアンサー
- CSS
- IE6でli間に出来る隙間を無くす方法について
下記のソースをIE6で閲覧すると「リンクあり２」と「リンクあり３」の間に隙間ができてしまい、この隙間を除きたいと思ったのですが、どうすればできるかわからなかったのでアドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 なお、Firefox等では隙間は出来ませんでした。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>title</title> <style type="text/css"> <!-- body { margin: 0; padding: 0; } ul, li { margin:0; padding:0; } li { list-style: none; } #mainlinkbox { width:100px; } #mainlinkbox li.nolink, #mainlinkbox li.link a { width:97px; border-bottom: 1px dotted blue; padding-bottom: 3px; padding-left: 3px; padding-top: 4px; background-color:red; } #mainlinkbox li.link { position:relative; } #mainlinkbox li.link a { display:block; } #mainlinkbox li.link a:hover { background-color: #c2f4a3; } #mainlinkbox li.link .submainlinkbox { left: 100px; position: absolute; width: 100px; background: yellow; } --> </style> </head> <body> <ul id="mainlinkbox"> <li class="link"><a href="#">リンクあり１</a></li> <li class="nolink">リンクなし</li> <li class="link"><a href="#">リンクあり２</a><div class="submainlinkbox">サブ項目</div></li> <li class="link"><a href="#">リンクあり３</a></li> </ul> </body> </html>
- ベストアンサー
- CSS
お礼
ありがとうございます。 ご教示いただいたcssに変更した所、IE6,Firefox2で意図した動作をする事を確認いたしました。 IE7は今手元にないので確認できてないのですが、多分大丈夫だと思います。 どうもありがとうございました。 以上、よろしくお願いします。