• ベストアンサー

セルの背景色をonMouseOverで変えたい

Threeの回答

  • Three
  • ベストアンサー率60% (3/5)
回答No.1

CSSで出来るのは <html> <head> <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:hover { background-color: #ffccaa; } //--> </style> </head> <body bgcolor="#ffffff" text="#000000"> <a href="#">OnMouseOverHere</a> </body> </html> と、こんな感じのモノになります。 試してみてください

関連するQ&A

  • ネスケで背景を表示する際に

    ネスケで背景を指定する際に、困ったことが起きてしまいます。まず横700のテーブルのTDに指定して貼り付けますが 、そのうえからまたテーブルを組んで、セルを作ると、背景が繰り返してしまいます。CSSで定義してますが、できません。この教えて・・・でも同じような質問があったのですが、真似しても、テーブルのみだったら背景はきっちり表示されますが。リピート禁止にしてもだめです。 cssはこうです。 <STYLE TYPE="text/css"> .img01{ background-image:url(img/back01.jpg); background-repeat:no-repeat; background-position:50% 50%; } </STYLE> できれば、cssでなくタグのみでできればいいのですが・・・

  • onMouseoverを利用して、セル内の背景色と文字を反転させたい

    テーブルで各セルに別ページへのリンクのリストを作成しています。 onMouseover と onMouseout でマウスが上に来た時に色を変えるようにしたいのですが、背景色の変更は出来ます。 onMouseover="this.style.backgroundColor='#3a5b88'" のようにして。 問題は文字色でして、こちらの変え方が分かりません。スタイルシートでも設定しているので、文字の上にポインタが来ればスタイルシートの指定通りに色を変えられますが、タイトルにも書いたように、onMouseover時には背景色と文字色を反転させるように考えているので、セル内の文字から離れた位置にポインタが来た時には背景色が文字色に変わる(つまり文字色はそのままなので同じ色になる)ので、文字が消えてしまうのです。 なにか良い方法がありましたら教えてください。

  • CSSでテーブルのセルが、a:hover で背景を変わるようにしましたが、枠がちらついてしまいます。

    テーブルのセルに、リンクのあるテキストをはって、 a:hoverで背景が変わるようにしたのですが、 hoverの状態でセルの外側だけ背景が変わらずに、hover状態でないときの背景がほんの少しちらついてしまいます。 table .a{border: 0px;background-color:red;;padding: 2px;width: 150px;} table .a a:hover{border:0px;padding: 2px;width: 150px;background-color:orange;} のようにすると、 hover状態で、セルの枠が、ほんの少しredのままになってしまいます。 http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ の 3.BOX の例のように、hover状態できれいに背景の色が変わるようにしたいんですが、どう直せばいいでしょうか。よろしくおねがいいたします。

    • ベストアンサー
    • HTML
  • テーブルの特定のセル背景非スクロールについて

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆bodyタグで bgproperties="fixed" ◆スタイルシートで <STYLE type="text/css"> <!-- BODY{background-image:url("■.jpg"); background-color:#背景色; background-position:背景の位置; background-repeat:no-repeat; background-attachment:fixed;} --> </STYLE> って出来るのですが、 テーブル内部の特定のセル背景固定というのは どのようにしたら出来るのでしょうか? ジャバスクリプト、スタイルシート、通常のタグ どのような方法でもかまいません。 テーブル内の特定のセル背景非スクロールについて、 ご教授いただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブル全体に背景画像

    こんにちは。お世話になっています。 ホームページで、テーブル全体に背景画像を貼り付けたいのですが、 <table background=URL>またはCSSで table{background-image: URL;} と指定しても何も貼り付けることができません。 一つのセルにだけ貼り付けるとうまくいくのですが何か原因があるのでしょうか?アドバイスをよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルレイアウトしてしまっている後でCSSの背景を適用したいです。

    私HPをつくっているのですが、 テーブルレイアウトをしているのですが、 最近CSSを勉強しだしまして、 テーブルレイアウトのうしろの背景色を設定しようと思っております。テーブルはすべて中央揃えにしておりまして、 そのテーブル以外の部分に背景色を設定したいと思っております。 どのようにしたいかというと 参考HPをあげておきます。 http://www.neutrals.jp/works.html http://www.kekkon-navi.org/ http://www.plusmoney.jp/ この用な感じにメニューや本文の部分は白くて、 それ以外のところの背景が色をついている状態にしたいです。 外部CSSで全ページに適用していこうと思っているのですが、 CSSにはどのように記述したらよろしいでしょうか? お詳しい方よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Excelのセルの背景色が変わらない

    以下作業をしてもセルの背景色が変更されません。 「セル」を選択→右クリック「セルの書式設定」→「パターン」タブ→色を選択→「OK」をクリックしても色が変更されません。 これは何故でしょうか? ご存知あれば教えていただければ幸いです。

  • ネスケでの背景表示に困ってます!(CSS使用)

    はじめまして! 今手打ちでHPを作っているのですが、ネスケで動作確認をすると背景画像が テーブルのセルごとに表示されてしまって困ってます。 セルごとにリピートされている感じです。 背景画像の表示は、HTMLにCSSを組み込んで以下のようにしています。 table{ background-image : url(../images/***/***.gif); background-repeat : no-repeat; background-position : 50% 50%; } これだけだとIEでも背景が真っ白になってしまったので <table width="640" height="430" border=0 background="../images/***/***.gif"> も付け加えています。 この時点でなんだか怪しいのですが・・・ 初心者で、もうどうしたら良いか途方にくれて困っています。 説明がへたで本当に申し訳ないのですが、 どうか良きアドバイスをよろしくお願いします!

    • ベストアンサー
    • HTML
  • エクセルのセルの背景色

    お世話になります。 エクセル2003で複数のセルを選択して、 「セルの書式設定」を表示します。 そして、パターンタブを選択して 「色なし」を選択して、OKを押すと 「セルの書式が多すぎるため、書式を 追加できません。」とメッセージが表示 され、背景色もついたままになります。 まとめて、背景色をなしにしたいのですが、 どのようにすればいいのでしょう? ご存知の方がおられましたら、よろしく お願いいたします。

  • onmouseoverを別の箇所でも反映させたい

    知識不足でどうしても解らないので質問させていただきました。 ご存知の方がいらっしゃったら解答していただければ嬉しいです。 テーブル内の画像でonmouseoverで画像を変える構文を入れています。 ただ、そのセルの画像と同時に真下のセルの文字もどうにか変化させたいのです。(背景色でも文字の色でも可) このような動作をさせるのは可能でしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML