- ベストアンサー
CSSでのロールオーバーでリンク範囲が一文字目だけに指定されてしまう問題の対処方法
ORUKA1951の回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
firefox+firetabで、後述のブロックがかぶさっていませんか？ 確認のため li a{z-index:100;} でも加えてみたら？
noname#176637
関連するQ&A
- CSSでのロールオーバー
CSSでのロールオーバーについての質問です。 通常時A ロールオーバーB クリック時C この３つの画像を使ってメニューをロールオーバーさせたいのですが、 クリック時に切り換えさせる術を知らず、困っております。 a:link,a:visited{background-image:url(通常時A); a:active,a:hover{background-image:url(ロールオーバーB); でロールオーバーさせることは出来たのですが、クリック（Onclick）時に画像を切り換えることは、CSSで可能なのでしょうか。 宜しく御願い致します。
- ベストアンサー
- 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・HTMLのロールオーバーについて
テキストリンクにロールオーバーで任意の背景画像を入れるにはどうしたら良いでしょうか。 cssにて:hover擬似クラスで背景画像を指示し、テキストリンクにカーソルを合わせると背景画像が表示されるところまでは出来ましたが、リンク毎に画像を変える方法はありますでしょうか。（:hoverの擬似クラスを増やせば出来るとは思いますが、猥雑になってしまうので…） リンクが画像だったらonmouseoverで指定したことがありますが…。浅学なりに調べながら書いておりましたが、行き詰まってしまいました。 どなたかお知恵をおかしいただけますと幸いです。
- 締切済み
- HTML
- アメブロcssの編集について。
@charset "utf-8"; /* ----------------------------------------- 【CSS編集 目次】 (1) 文字のスタイル (2) ボタンのスタイル (3) エリアのスタイル (4) その他、拡張 ※CSS編集で広告を修正しないでください （規約違反に該当する可能性があります） ----------------------------------------- */ /* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ (1) 文字のスタイル ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */ /* (1-1) 全体の文字 --------------------------------------------*/ /* 通常文字 */ .skinTextColor,.skinBaseTextColor,.skinBlock,body{ color:#333333; } /* リンク */ .skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{ color:#0066cc; } /* 訪問済のリンク */ .skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{ color:#996699; } /* マウスオーバーしたときのリンク */ .skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{ color:#ff3366; } /* 弱い文字 （日付など）*/ .skinWeakColor,.skinBaseWeakColor{ color:#999999; } /* 強い文字 （NEW! 更新!など）*/ .skinStrongColor,.skinBaseStrongColor{ color:#ff3399; } ・・・ アメブロのｃｓｓの一部なのですが、 文字を加えたり（？）して変更後はどうなるのかが分からないです。 /* 通常文字 */ .skinTextColor,.skinBaseTextColor,.skinBlock,body{ color:#333333; } ↑これの:#333333;は文字色ですよね？？ じゃぁフォントなどは？？変えられないんですか？ そもそも.skinTextColor,.skinBaseTextColor,.skinBlock,body{ がフォントだとしても、文字色のように記号とか数字ってあるんですか？ アメブロのｃｓｓは他のより遥かに分かりやすいと聞いたことがあります。 完成しているｃｓｓがどうなっているのか分からないので 見本などや、サンプル（文字をコピーしたらサンプルと同じようにできる） なんてのはありませんか？？ ないのなら、↑のｃｓｓの説明をしてください。 （どこがフォントかなど） 詳しくお願いします。
- ベストアンサー
- ブログ
- マウスオーバーでテキストの色を変えたい
はじめまして。 よろしくお願いいたします。 一部テキストリンクのマウスオーバー時の色を変えたいんです。 CSSで a:link { color:#0000FF; } a:visited { color:#0000FF; } a:hover { color:#FF0000; } a:active { color:#0000FF; } と設定しています。 そして、一部だけは通常時白にして、マウスオーバー時を赤にしたいと思っています。 一部だけ変える方法が分かりません。 簡単なことかも知れませんがよろしくお願いいたします。
- ベストアンサー
- HTML
- cssとjavascriptを使って画像の一部をロールオーバー
以下の条件でロールオーバーをさせることが可能かどうか、また可能な場合はどのようにしてやるのか教えていただきたいです。 (1)1枚のgif画像がある。画像内にいくつか文字があり、文字の上にカーソルが上がった時に文字の色を変えたい。 (2)文字がすべてロールオーバーしていない元画像と、文字がすべてロールオーバーした画像の2枚を用意。 (3)CSSとjavascriptを駆使して作りたい。 元画像を背景に設定し、その上にロールオーバー後の画像を配置し、隠す。→文字の上にカーソルが来たら、隠していたロールオーバー後の画像の一部をその同じ場所に表示させる というような考え方でやってみたのですが、どうもうまくいきませんでした。Flashでやった方が簡単なのですが、Flashは使わずに作るということになっているので困っています。 何卒、よろしくお願いいたします。
- ベストアンサー
- HTML
- cssファイル上で、リンクを飛ばしている文字に、hoverで色指定して
cssファイル上で、リンクを飛ばしている文字に、hoverで色指定して、マウスオーバーすると色が変わるようにしているのですが、1度は解決されたのに、またhoverしなくなりました。マウスをのせても色が変わらないのです！"{"もれなどはありません。。。 少ない情報ですが、考えられる原因を、どなたか教えていただけますか？ しかも、フッター部分のリンクをとばしている文字もhoverさせているのですが、ときどき指定の色ではなく、青になってしまっています。でもいつもじゃないんです。 よろしくお願いします！ありがとうございます！
- 締切済み
- その他（プログラミング・開発）
- CSSでのマウスオーバー効果
質問させて下さい。 サイト上でバナーやテキストに（もしくは並んだバナーとテキスト 両方に）リンクを張っている状態です。 マウスオーバー時に画像とテキストどちらも少し大きく表示される ように下記のようにCSSのコードを想像して書きました。 ------------------------------------------ 略 a:hover { color:#333333; } a:hover img {width:110% ; height:110%;} a:hover font {font-size: 120%;} 略 ------------------------------------------ すると不具合がいくつかあり、お力を貸して欲しいです。 （１）テキスト単独のリンクに関しては、全く動作しない ようです・・・。ただ、バナーとテキスト両方まとめて <a>～</a>で囲った場合は一部の場所のみ？動作するみ たいです。 （２）画像の効果はファイヤーフォックスでは希望通り動作し ますが、ＩＥだと全く反応しません・・・。 何か簡単な解決方法はないでしょうか？ よろしくお願い致します。 （画像を複数用意してJava等でロールオーバーの設定をさせる等は 手間も掛かりますし、コードも多くなるのでなるべくしたくあり ません。このCSSの記述の変更でどうにかならないでしょうか）
- ベストアンサー
- HTML
- 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でグローバルナビゲーションメニューをつくりたい
CSSで、グローバルナビゲーションメニューのボタンリンクをコーディングしたいと思っています。ボタンをマウスでポインタしたらロールオーバーし、カレントページのボタンはマウスでポイントした時と、同じようにロールオーバー画像を表示させたいと思っておりますが、可能なのでしょうか？
- 締切済み
- ブラウザ
補足
だめでした＾＾；